/* @override http://filesight.knd.local/styles/screen.css */

/*@import url("kndLib.css");        */
@import url("reset.css");

/************  Surat Basin Rail Intranet  *********/
/*****************  Document Vault  ******************/
/********  KND Web Consultants September 2008  **********/

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color: #555;
	line-height: 1.166;
	font-size: 13px;
	background-color: #fff;
}
a:link, a:visited {
	/*color: #4d6168;  /*replaced*/ */
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: none;
	
}

a:hover {
	text-decoration: none;
}


/*
h1{
	font-size: 17px;
	color: #999;
	font-weight: 100;
	text-align: left;
	padding: 30px 0 10px 0;
} */


h1 strong{
    font-weight: bold;
}

#header h1{
    text-align: right;
    padding: 45px 45px 0 0; 
}

h2{
	font-size: 14px;
    color: #777;
    font-weight: normal;
}

h3{
	font-size: 12px;
    color: #777;
    font-weight: normal;
}
#dashboardTag {
	font-size: 14px;
}
/*
h4 {
	border-bottom: 1px dotted #888;
	margin-top: 20px;
	margin-bottom: 8px;
	color: #333;
}*/

/*
p {
	color: #333;
	font-size: 85%;

}  */


p, h2, h3 {
	/*padding: 5px; */  
}


ul{
 	list-style-position: inside;
 	/*margin: 0 0 0 1.5em;*/
}
ol {
	padding: 0;
	margin: -10px 0 0 0;
}
form {
}
input, textarea, select {
	/*
	border: 1px solid #aaa;
		background: white;
		font-family: Arial, Helvetica, sans-serif; */
	color: #444;
	/*padding: 3px; */
	/*font-size:13px; */

}
input[type=checkbox], input[type=radio] {
	/*border: none;*/
}



input[type=submit], input[type=button] {
	color: #fff;
    width: auto;
    overflow: visible;
	background: transparent url('../images/btn-bg.png') repeat-x; 
	padding-left:10px!important;
	padding-right:10px!important;
	padding-top:5px!important;
	padding-bottom:5px!important;	
	margin: 0px;
	text-align: center;
   /* margin-right:10px;*/  
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
}

a.button {
	color: #fff;
	background: transparent url('../images/btn-bg.png') repeat; 
	padding: 5px 10px;
    display: block;
	font-size: 11px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
	overflow: visible;
	width: auto;
	float: left;
} 

a.button:hover {
	text-decoration: none;
}




option {
	padding: 0 3px;
	color: #444;
}
img a {
	border: 0;
}
table{
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 12px;
	width: 100%;
}

/*table th {
	background-color: #999;
	color: #fff;
	height: 25px;
	vertical-align: bottom;
	border: 0;
	text-align: left;
	background-image: url(../images/th-bg.jpg);
} */

table.vertical th {
	background-image: url(../images/tile-darkNoise.jpg);
	border-bottom: 1px solid #666;
	text-align: right;
	vertical-align: top;
	width: 150px;
}

/* @group history tables */
   
table.history {
	border-collapse: collapse;
	font-size: 10px;
}
table.history th,
table.history td {
	border: none;
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
table.history th {
	text-transform: uppercase;
	height: auto;
	text-align: right;
	background-image: none;
	border-bottom: 1px solid #ddd;
	background-color: #999;
}
table.history tr.alt th,
table.history tr.alt td {
	/*background-color: rgb(222, 222, 222);*/
}

/* @end */



table tr.odd td{
	background-color: #eee;
}

li.odd{
    background-color: #eee; 
}

.accordianToggle {
	cursor: pointer;
	padding: 20px 5px 5px 20px;                                                                                                     
	background: url(../images/tri-side.png) no-repeat 0 16px;
	margin: 0px;
}

.accordianToggle.selected {
	background: url(../images/tri-down.png) no-repeat 0 16px;
}


.accordianToggle.highlighted {
	color: #999;
}

/*td, th {
	padding: 8px;
	border: 0;
	border-bottom: 1px solid white;
} */



a.selected{
	font-weight:bold;
}
	
/*******************************************************
                     LAYOUT DIVS
********************************************************/
div#sideMenu{
	width:200px;
	float:left;		
}       


div.node.subcategory .info{
	padding-left: 50px;
	width: 281px;
}

div.node .fileIcon{
	width:16px;
	float:left;
	height:16px;
	background-image: url(../images/buttons/add.png);
	margin-top: 10px; 
}

.hidden{
	display:none!important;
}

div.node{
	padding-top: 0px;
	padding-left: 0px;  
	border-bottom:1px solid #ddd;
 	/*width: 360px;  */
	width: 100%;  
}

/*manageCategories.php*/
div.parent { width: 100%; } 
div.parent div.node, div#add_0 { width: 100%; }
div.parent div.node div.controls { float: right; margin-top: 9px; /*width: 120px;*/ }
div.parent div.node div.controls a.edit, div.parent div.node div.controls a.save { /*margin-left: 80px;*/ }
div#add_0 div.controls { float: right; /*width: 100px;*/ } 
div#add_0 div.controls a.save { margin-left: 60px; }


div.node div.resource_type{
	float:left;
	width:120px;
	color:#888;
	font-style:italic;
	padding-left: 10px;
	
}

div#linkList div.info{
	width: 92%;
}
div.parent.container .node.add .info{
	width:280px;
}

div.parent.container .node.add.editMode .info{
	width:280px!important;
	padding-left: 50px;
}

div.node.add .info{
	width:290px;
}

#addLink div.info {
	width: 92%;
	padding: 0;
}

#addLink a.btn {
	margin: 0;
}

div.node.add.editMode .info{
   /* width:320px!important; */ 
	width: 80%;
}

input.addParent, input.addChild{
	margin-top: 3px;
	margin-bottom: 3px;
}

div.node .info{
	float:left;
	padding-top: 9px;
	padding-left: 10px;
	padding-bottom: 7px; 
	/*width:300px;*/
	width: 80%;
}

#linkList div.controls, #fileList div.controls {
	padding: 9px 0 7px 10px;
}

div.node .info input{
	height:15px;
}

div#fileList .node .info{
	width: 92%;
}

#fileList .info input, #fileList .info select, #fileList .info textarea {
	/*margin-bottom: 5px;  */
} 

#fileList .info textarea, textarea#file_description {
	width: 80%;
	min-height: 100px;
}

.info label{
	float:left;
	width:100px;
}

.info .linkDescription{
	font-style:italic;
	width: 220px;
}

.info .linkUrl{
	text-decoration:underline;
	
}

input#page_title{
	font-size:18px;
	width:400px;
	
}

div.editMode{
	background: #f3fafd;
	color: #666;
}

div.node.editMode .info{
	padding-top: 4px;
	padding-bottom: 4px;
}


div.editMode .info input[type=text]{
	width:220px!important;
	height: 15px;
}

form label{
	width:100px;
	display:block;
	float:left;
	margin: 3px 15px 0 0;
	text-align:right;
	
}
#upload_form input, #upload_form select{
	width:100px;
}


a.btn{
	width:16px;
	height:16px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin-right:5px;
	cursor: pointer;
	margin-top: 8px;
}

a.edit{
	background-image: url(../images/buttons/edit.png);
}

a.delete{
	background-image: url(../images/buttons/delete.png);
}

a.add{
	background-image: url(../images/buttons/add.png); 
	margin-left: 10px;
}

a.cancel{
	background-image: url(../images/buttons/cancel.png);
}

a.save{
	background-image: url(../images/buttons/save.png); 
}

a.download{
	background-image: url(../images/buttons/download.png); 
}

a.open{
	background-image: url(../images/buttons/tri-down.png);
	margin-left: 0px;
}

a.closed{
	background-image: url(../images/buttons/tri-side.png);
	margin-left: 0px;
}

div.node .expander{
	float:left;
    margin-top:6px;
}






/*******************************************************
              ORGANISATION AREA
********************************************************/
#organisationContent input, select{
	padding:2px
} 

#organisationContent input[type=button]{
	padding:1px
}


#organisationContent h4{
	border: none;
	margin-top: 3px;
	margin-bottom: 8px;
	color: #333;
	font-size: 17px;
}

div#controlsCont{ margin-bottom: 10px; padding-bottom: 5px; }
	div#searchSelectorCont{ width: 410px; float:left; }
		div#searchSelectorCont select{ width:110px; }
	div#showAllCont { width: 300px; float:left; text-align: right; }
		div#showAllCont input#showAllBtn { float: right; margin-right: 0!important; }
div.listContainer{ width: 48.25%; max-height: 375px; float:left; margin: 0 0 10px 20px; border: 1px solid #8dd6ff; background: #e2f4ff; }
	div#organisationsCont.listContainer { margin-left: 0px; }
	div.listContainer .header { padding: 10px; background: #1e8bcc; color: white; }
		div.listContainer .header h2 { color: white; width: 80%; float: left; }
    	div.listContainer .header a { color: white; } 
	div.listContainer input { float: right; }	

div#organisationRecords, div#evntRecords{
 	height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
	background: #fff;
}

div.listContainer .header, .record{ }

div.listContainer .error{
	text-align: center;
	margin-top: 20px;
}

div.listContainer .header .controls, div#callCard .controls, div.listContainer .record .controls{
	color: #000;
	float: right;
	width: 5%;
	margin: 0px; 
	padding-right:0px;
	padding: 5px;
   
} 

	div.listContainer .header div.controls { float: right; width: 15%; margin: 0px; padding: 0px; text-align: right; }

div.listContainer .record{
	background-color: #fff;	
}

div.listContainer .record .title{
    cursor: pointer;
 	width: 88%;
	padding: 5px;
	float: left;
} 

div.listContainer .record.active{
    background-color: #39d;
}


div.listContainer .record.dark{
	background-color: #eee;
}

div.listContainer .record.dark.active{
	background-color: #28c;
}

div.listContainer .record.active, .record.active .title{
	font-weight: bold;
	color: #fff;
}

div.listContainer .record.active em, .record.active .title em{ 
	color: #ddf;
}

div.listContainer em{
	color: #888;
}

div.controls a {
	text-indent: -999999px;
}

div.listContainer .addBtn{
	margin:5px;
}

.controls a.btn{
	width:16px;
	height: 16px;
	padding: 0;
	margin: 0;
}

a.btn{ margin:8px 0 0 5px; float:left; }
a.deleteBtn { background: url("/images/buttons/delete.png"); }  
a.noBG { background: none!important;}
a.exportBtn{ display:none; }                                      
a.printBtn { display:none; }
a.addBtn { background-image: url("/images/addBtn.png"); margin:0px; margin-top: 20px; }

div#callCard{
	clear: both;
	display: none;
	background: #fbcc3e url("/images/call_card_bg.png") repeat-x;
	padding: 20px;
	margin: 10px 10px 10px 0;
	border: 1px solid #fa0;
} 

div#callCard label, #addOrganisation label {
	clear: left;
	float: left;
	width: 150px;
	font-weight: bold;
	margin-right: 20px;
	text-align: right;
	padding-bottom: 5px;
}

.registerInterest label{
	clear: left;
	float: left;
	width: 100px;
	margin-right: 20px;
	text-align: right;
	padding-top: 5px;
}

#addOrganisation label{
	margin-top: 5px;
}

.registerInterest{
	margin: 10px 0;
	height: 0px;
}

#addOrganisation input, #addOrganisation select, .registerInterest input{
	margin-top: 4px;
	width: 250px;
}

.registerInterest textarea{
	margin-top: 4px;
	width: 350px;
	height: 80px;
}

.registerInterest input[type=button]{
	width:80px;
}

#addOrganisation input.saveBtn {
	width: inherit;
}

div#callCard.editMode{
	background-image: url("/images/call_card_edit_bg.png");
	background-color: #000;
	border-color: #000;
}

div#callCard div#callCardInner{
	float: left;
	width: 600px;
	margin-bottom: 10px; 
}

div#callCardInner a.addBtn { display: none; }
div#callCard h1{ color:#d70; padding-bottom: 5px; }
div#callCard h1 input{ width:500px; }

div#callCard h2{
	font-size: 28px;
	color:#f92;
	font-size: 16px;
	text-transform: none;
	font-weight: normal;
}

div#callCard.editMode h2 { color: #aaa; }
div#callCard .item{	padding-top: 20px; padding-bottom: 20px; border-bottom: dashed 1px #ea4; } 
div#callCard.editMode .item{ border-bottom: dashed 1px #555; }
div#callCard .error{ color: #000; }     

div#callCard .item label{
	width:100px;
	text-align: left;
	float:left;	
	color:#d70;
	font-weight: bold;
	/*margin-bottom: 5px;*/
}

div#callCard.editMode label{ color:#fff; }
div#callCard br{ clear:both; }
div#callCard.editMode .item input, div#callCard .editBtn, div#callCard .saveBtn, div#callCard .cancelBtn { float:left; }
div#callCard .saveBtn, div#callCard .cancelBtn, div#callCard.editMode .editBtn { display:none; }
div#callCard .editBtn { display:block;}
div#callCard.editMode .saveBtn, div#callCard.editMode .cancelBtn { display:block; float:left; margin-right: 5px;}
#error_message { font-weight: bold; color: #e00;}   

#primary-care-search {
	margin: 0 auto;
	width: 300px;
	padding: 20px;
	background-color: #F3FAFD;
}

#primary-care-search label {
	width: 110px;
	text-align: right;
	float: left;
	clear: left;
	margin: 0 5px 10px 0; 
}                      

#primary-care-search select {
	width: 160px; 
	/*margin-bottom: 5px;  */
}

#primary-care-search input {
	/*margin-bottom: 5px;*/
}

#primary-care-search input#searchBtn.submit { float: left; margin: 5px 0 0 210px; }

div.a-result {
	border-bottom: 1px dashed #999;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

div#moderateGroup label{
	font-weight: bold;
}

div#map_canvas{
	margin: 20px 0 20px 50px;
	height: 350px;
	width:600px;
}

a.showInMap{
	margin-left: 10px;
}