/* Global Styles
=========================*/
html {
	overflow-y:scroll;
	overflow-x:auto;
}

* {
	padding:0;
	margin:0;
	
}

body {
	background-color: #fff;
	color: #4F4535;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 69.5%;
	text-align: left;	
	background: url(/images/layout/body_bg.gif) repeat-x 100% 0;
	scroll:always;

}

h1,h2,h3,h4,h5 {
	color:#000;
}
h1 span {
	font-size:50%;
}

a,a:active {
	text-decoration:none;
	color:#4F4535;
}

a:hover {
	text-decoration:underline;
	color:#000;
}

ul {
	padding:5px;
}

.center {
	margin: 0 auto;
}

.i {
	font-style:italic;
}

.bold {
	font-weight:bold;	
}

fieldset {
	border:0;
}

img {
	border:0;
}

.fleft {
	float:left;
}

.fright {
	float:right;
}

.fclear {
	clear:both;
}

p.small_icon {font-size:12px;font-weight:bold; }


img.small_icon, .small_icon img   {position:relative;top:4px; }
td.small_icon {font-weight:bold; }
td.small_icon a {vertical-align:top;  }
td.small_icon img {top:4px;}
/* Global fixes
=========================*/
.right {
	text-align:right;
}

.red {
	color:red;
}

.bg_white {
	background-color:white;
}

.box a.help {
  position:absolute;
  font-size:14px;
  font-weight:bold;
  background-color:transparent;
  top:6px;
  right:6px;
}

.clearfix:after {content: ".";
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */

/* Main wrapper
=========================*/

#wrapper {
	padding-top:8px;
	width:993px;
	background-color:transparent;
	margin:0 auto;
}

#wrap_top {
	width:100%;
	height:22px;
	background: url(/images/layout/wrap_top.gif) no-repeat 0 0;
}

#wrap_main {
	width:100%;
	background: url(/images/layout/wrap_edge.gif) repeat-y 0 0;
}

#wrap_base {
	width:100%;
	height:15px;
	background: url(/images/layout/wrap_base.gif) no-repeat 0 0;
}



#wrapper:after
	{
	content: '[]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}

/* Login Status
=========================*/
#login_status {
	font-size:8pt;
	width:99%;
	text-align:right;
	padding:3px;
	font-family: verdana, arial, helvetica, sans-serif;
}

#login_status a{
	color:black;
	padding-left:5px;
}

/* Logo header
=========================*/

#header {

}

#head_top {
	font-size:6px;
	height:10px;
	background: url(/images/layout/head_top.gif) no-repeat 0 0;
}

#head_main {
	position:relative;
	font-size:12px;
	height:75px;
	background: url(/images/layout/head_main.gif) no-repeat 0 0;
	vertical-align:bottom;
}

#head_main h1 {
	display:inline;
	font-size:100%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	padding-left:45px;
}



#head_base {
	
	font-size:0px;
	height:13px;
	background: url(/images/layout/head_base.gif) no-repeat 0 0;
}

#head_main img {
	padding-left:35px;
	padding-top:10px;
}



.client_logo {
	position:absolute;
	right:45px;
	top:5px;
}





/* Top level navigation
=========================*/

#nav {
	width:980px;
 	margin:0 auto;
    margin-top:-5px;
	padding-top:12px;
 	background: url(/images/layout/pre_menu_fade.gif) repeat-x 0 0;
 	position:relative;
}

#nav ul {
	padding-left:16px;
	padding-bottom:13px;
	background: url(/images/layout/post_menu_fade.gif) repeat-x 0px  16px;


}
#nav li {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:90%;
	font-weight:bold;
	display: inline;
	padding: 0 8px 0 10px;
	background: url(/images/layout/menu_spacer.gif) no-repeat 0 1px;
	color:#336699;
}

#nav li.first {
background: transparent;
}

#subnav {
	background-color:#C4BCB2;
	border-bottom:1px solid black;
}

#subnav li{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:80%;
	display: inline;
	padding: 0 8px 0 10px;
	background: url(/images/layout/menu_spacer.gif) no-repeat 0 1px;
	color:black;
}


#subnav li.first {
background: transparent;
}

li.active > a, 
li.active > a:hover, 
li.active > a:active, 
li.active > a:visited {
color: #336699;
}



/* Side menu
=========================*/
.side_menu  {
	background-color:#fff;
	padding: 5px 6px;	
}

.side_menu h3 {
	padding:5px;
	font-size:100%;
	background-color:#EAEFF5;
	border: 1px solid #C2D4E7;
} 

.side_menu ul {
	list-style:none;
}

.side_menu ul ul {
margin:0;
padding:1px 5px;
margin-left:10px;
}

.side_menu li {
  list-style:none;
}


/* Seach
=========================*/
#search_box{
	position:absolute;
	right:20px;
	bottom:10px;
}

#search_box #search_submit{
	border:1px solid transparent;
	!border-width:10px;
	background-color:white;
	cursor:pointer;

	margin-bottom:1px;
	padding:2px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:90%;
	font-weight:bold;
}
#search_box #search_submit:hover {
	border-color:black;
}

/* Footer
=========================*/


#footer {
	padding-top:10px;
	font-size:1.2em;
	text-indent:2em;
	width:100%;
	height:16px;
	background: url(/images/layout/footer.gif) repeat-y 0 0;
}

/* Main Content
=========================*/
#mode {
width:100%;
text-align:centre;
margin:0 auto;
font-weight:bold;
color:#336699;
padding:0;
}

#mode b {
font-size:120%;
}

#mode a {
color:red;
}

#content {
	width:981px;
 	margin:0 auto;
 	background: url(/images/layout/content_shading.gif) repeat-y 0 0;
}

#content_top {
	font-size:0px;
	height:12px;
	background: url(/images/layout/content_top.gif) no-repeat 0 0;
}

#content_main {
	
	background: url(/images/layout/content_edge_left.gif) no-repeat bottom left;
}

#content_fix {
	overflow: auto;
	padding:0 13px 13px 13px;
	background: url(/images/layout/content_edge_right.gif) no-repeat 100% 100%;
}

#content_base {
	clear:left;
	font-size:0px;
	height:8px;
	background: url(/images/layout/content_base.gif) no-repeat 0 0;
}

/* Box Design
=========================*/
div.box {
	
	width:660px;
	border: 3px solid #fff;
	padding:1px;
	background-color: #C4BCB2;
	margin:8px;
	position: relative;
	margin-left:280px;
	!margin-left:270px;
}

/*
div.box * {
background-color:#fff;
}

*/



div.box h2 {
	padding:8px 0 4px 8px;
	font-size:100%;
	font-weight:bold;
	height:17px;
	border-bottom:1px solid #C4BCB2;
	border-left:1px solid #E4E0DB;
	border-right:1px solid #E4E0DB;
 	background: url(/images/layout/box_head.gif) repeat-x 0 0;
 	
}

div.box p {
	background-color:#fff;
	padding:8px;
	
}

/* Active */

div.active{
	background-color: #A9DFA9;
}

div.active h2 {
	border-bottom-color:#A9DFA9;
	border-left-color:#D6E0CD;
	border-right-color:#D6E0CD;
	background: url(/images/layout/box_head_active.gif) repeat-x 0 0;
}

/* Contact */

div.contactbox{
	margin-left:8px;
	background-color: #94AAC1;
}

div.contactbox h2 {
	border:1px solid #CFD9E5;
	background: url(/images/layout/box_head_contacts.gif) repeat-x 0 0;
}




/* Box Sizes
=========================*/
#col1 {
	margin-top:0;
	margin-left:-270px;
	!margin-left:-260px;
		float:left;
	margin-right:25px;
	!margin-right:5px;
}

#col3 {
	margin-top:0;
	float:left;
	!float:none;
	/*for EI 7  */
	!margin-left:445px ;
	
}

*:lang(en) #col3 {
	margin:0;
}

#col2 {
	margin-top:0;
	
	float:left;
}


/*   Big   */
#col1,#box1, #box2, #box3 {
	
	width:410px;
}

/*   Small */
#box3a, #search, #boxcontact, #box3b, #box4, #box5 {
	width:220px;
}

#box3a {
	margin-left:500px;
	!margin-left:500px;
	width:190px; 
}


#box3b {
	
	margin-left:280px; 
	!margin-left:270px; 
	width:190px; 
	
	
}

#box5 ul, #box4 ul {
	background-color:white;
}

/* Bullet Points
=========================*/

#box3a p, #box3b p{
	padding-left:20px;
	background: url(/images/layout/item_icon.gif) no-repeat 7px 9px;
	background-color:#fff;
}




/* News
=========================*/

.news li {
	padding:8px 5px 8px 15px;
	width:190px;
	list-style-type: none;
	background: url(/images/layout/item_icon.gif) no-repeat 20px 10px;
	border-top: 1px dotted #4F4535;
}

.news li.first {
	border:0;
}

.news a {
	display:block;
	
	font-size:12px;
	padding:0px 20px;
	
	background-color:#fff;
	color:#4872A0;
}

.news a:hover {
	color:black;
	text-decoration:none;
}


/* Document Library
=========================*/

.docs li {
	overflow:hidden;
	width:190px;
	list-style-type: none;
	border-top: 1px dotted #4F4535;
	padding:5px;
	
	
}
.docs  li.first {
	border:0;
}

.docs img {
	 float:left;
	 border:0px solid #4872A0;
	 margin:5px;
	 margin-left:0;
}

.docs span {
	display:block;
	padding-top:5px;
	margin-left:40px;
}



.docs a,.docs a:active,.docs a:visited  {
	display:block;
	
	font-size:12px;
	color:#4872A0;
	background-color:#fff;
	
}

.docs a.more, .news a.more  {
font-weight:bold;
text-align:right;
display:block;
background:#fff url(/images/layout/more.gif) no-repeat 95% 64%;
padding:0px 22px;
}

.docs a:hover {
	color:black;
	text-decoration:none;
}

/* login box
=========================*/

#login_wrapper {
margin: 50px auto;
position:relative;
}


#login_wrapper form {
	background-color:white;
	padding:10px;
}

#login_wrapper label{
	display:block;
	width:50px;
	font-size:120%;	
	padding:5px;	

}

#login_wrapper input{

	margin-left:10px;
}

#login_wrapper #forpersist {
	width:auto;
	
}

#login_wrapper a { 
	position:absolute;
	right:10px;
	margin-top:10px;
	color:#4872A0;
	
	text-align:right;
}

#login_wrapper #submit {
	float:left;
}

input.fail {
	border:1px solid red;
}
label.fail{
	color:red
}

/* Contacts
=========================*/


.contacts {
	background-color:#fff;
	padding: 5px 6px;
	height:560px;
	overflow-y:scroll;		
}

.contacts * {
	text-decoration:none;
	
}

.contacts h3 {
	padding:5px;
	font-size:100%;
	background-color:#EAEFF5;
	border: 1px solid #C2D4E7;
}

.contacts ul {
	border: 1px solid #C2D4E7;
	border-top:0;
	/* padding-bottom:20px;	*/
}

.contacts li {
	list-style-type:none;
	clear:both;
}

.contacts img {
	 float:left;
	 border:1px solid #4872A0;
	 margin:5px;
/*	 width:36px;
	 height:48px; */
}

.contacts b{
	 display:block;
	 font-size:12px;
	 padding-top:1px;
}

.contacts span {
	 font-size:11px;
	 display:block;
	 color:#4872A0;
	 padding-bottom:1px;
}

.contacts li.active *{
	background-color:#A9DFA9;
}

/* Company box
=========================*/

.main > * {
	padding:0 10px;
}


.main h2 {

 	padding:8px 0 4px 8px;
}

.main h3 {
	padding-top:20px;
	color: #4F4535;
}

.main table th{
	border-bottom:1px solid black;
}

#company form, #company table, #company h3 {
	background-color:white;
}
/* lightbox styles
=========================*/
#lightbox{
position:relative;
	background-color:white;
	/*padding: 10px;*/
	border:2px solid #DFEEFF;
	border-bottom: 2px solid #336699;
	border-right: 2px solid #336699;
	}
#lightboxDetails{
	font-size: 0.8em;
	/*padding-top: 0.4em;*/
	}	
#lightboxDetails h1{ 
padding-left:5px;
background-color:#333;
color:#ccc;
}
#lightboxDetails form{ 
padding:7px 10px;
width:300px
}

#lightboxDetails label{
	font-size:10px;
	float:right;
	font-weight:bold;
}

#lightbox a {
position:absolute;
right:10px;

}


#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }


#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/layout/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/overlay.png", sizingMethod="scale");
	}

	



/* div.table {
		  width:660px;
		  border:2px solid white;
		  background: url(/images/layout/table.divfill.gif) repeat-x 100% 0;
		  background-color:#e1ebf5;
		  padding:3px;
		} */
		
		div.table > * {
		  font-family:  verdana, arial, helvetica, sans-serif;
		  #font-size:70%;
		  background-color:white;
		}
		
		div.table table {
			padding-bottom:20px;
		}
	
div.table {
	
	width:660px;
	border: 3px solid #fff;
	padding:1px;
	background-color: #C4BCB2;
	margin:8px;
	position: relative;
	margin-left:280px;
	!margin-left:270px;
}

/*
div.box * {
background-color:#fff;
}

*/



div.table h2 {
	padding:8px 0 4px 8px;
	font-size:100%;
	font-weight:bold;
	height:17px;
	border-bottom:0px solid #C4BCB2;
	border-left:0px solid #E4E0DB;
	border-right:0px solid #E4E0DB;
 	/*background: url(/images/layout/table.header.gif) repeat-x 100% 0;*/
 	
}

div.table p {
	background-color:#fff;
	padding:8px;
	
}
		
	
		#finance_wrapper h3 {
		position:relative;
		padding:0px 7px;
		}
		
	#finance_wrapper h3 a {
		display:block;
		position:absolute;
		right:7px;
		top:0
		}
		
		div.table tr {
			background-color:white;
			
		}
				
		.shade{
			background-color: #eaeff5;
		}
	
		/* Sortable tables */
		table.sortable a.sortheader {
		    background-color:#blbbc5;
		    color:#eee;
		    font-weight: bold;
		    text-decoration: none;
		    display: block;
		    width:100%;
		}
		table.sortable span.sortarrow {
			background-color:#blbbc5;
		    color: white;
		    text-decoration: none;
		    text-align:right;
		}
		
		table.sortable tr, table.sortable{
		  background-color:#fff;
		  cursor:pointer;
		  border:0px solid white;
		
		}
			
		table.sortable .shade{
			background-color:#eaeff5;
		}
		
	.sortable th, .maintable th{
			font-weight:bold;
			text-align:left;
			color:white;
			background-color:#b1bbc5;
			padding:4px 15px;	
		}
		
		
	.sortable td, .maintable td {
		padding:2px 0 2px 15px ;
		border-bottom:1px solid #eaeff5;
	}
		
	.shade td {
		border-bottom:1px solid white;
	}
	
	div.table div.no_results {
		padding: 0 0 20px 14px;
		
		
		}
	#warn {

		padding: 10px 30px;
		margin-bottom:0;
		background-color:#fff;
	}
	
	#warn p, #warn div {
		font-size:16px;
		font-weight:bold;
		
		border:1px solid #eaeff5;
		padding:20px;
		padding-left:80px;
		background: url(/images/icons/thumb.warn.gif) no-repeat 5% 22px; 
		height: 1%;
		min-height: 1%;	
	}
	
	#warn span {
		display:block;
	  font-size:10px;
	  font-weight:normal;
	  color:#666;
	}
	
	#warn ul {
	margin-left:10px;}
	
	#warn a {
		font-weight:bold;
	}
	
	#warn a:hover{color:red;}
	
/* Library Sections
=========================*/	


 #ajax_quicktags a {
 	font-weight:bold;
 	color:red;
 }
 #ajax_tooltip_control, #tags {
 padding:5px;
 }

#ajax_quicktags h4 {
	
}
 
 #ajax_quicktags {
 	width:200px;
 	background-color:white;
 	border:1px solid #4F4535;
 }
 
  #ajax_quicktags ul{
  list-style:none;
  }
 
#addControl {
	font-weight:bold;
	padding-left:3px;
	font-size:130%;
}

h4 {
    position:relative;
    border-bottom:0px solid #4F4535;
    padding:4px 8px;
    font-weight:bold;
    color:#eee;
  	background-color:#b1bbc5;
  }
  
  h4 a {
  color:red;
  position:absolute;
  right:10px;
  }
  
  h5 {
padding-top:3px;
  }

td.disabled, th.disabled {
color:gray;
	cursor:no-drop;
	
}

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

.toggle {
  position:absolute;
  width:10px;
  height:20px;
  text-indent:-5000px;
}

.expanded {

  background: url(/images/icons/system.minus.gif) no-repeat 0 3px;
  position:relative;
}

.expand {
  background: url(/images/icons/system.plus.gif) no-repeat 0 3px;
}

td, td span, tr {
padding:0;
margin:0;
text-size:12pt;


}

tr, td {

margin:0;
padding:0;

}

td a, td a:hover,td a:visited,td a:active  {
margin:0;
padding:0;
text-decoration:none;
}


td img.tree {
display:block;
float:left;

}

td img.icon {
display:block;
float:left;
padding:3px 5px 0 2px;

}

.tags a:hover {
	color:red;
}

th.title{
	font-weight:bold;
	text-align:left;
	color:white;
	background-color:#b1bbc5;
	padding:4px 0px;	
		}
		
th.treeformat a, td.treeformat a {position:relative; top:5px;}



#tags li.tag a {
	font-weight:bold;
	color:red;
	padding-left:5px;
}

li blockquote {
	padding-left:15px;
}

.cloud_on {
 	cursor:pointer;
 	background-color:#666;
 	color:white;
}

.cloud_off {
	cursor:pointer;
}

#cloudscape {
	list-style:none;
}

#cloudscape li {
	list-style:none;
	display:inline;
	padding: 0 2px;
}

td.empty {
	font-style: italic;
	font-weight:bold;
	text-indent:60px;
	color:#666;
}

#jobDetails {
	background:#B1BBC5 url(/images/icons/thumb.folder.gif) no-repeat 10px center; 
	padding:10px;
	padding-left:60px;
	font-size:130%;
	border-bottom:1px solid #E4E0DB;
}

#jobDetails p {
padding:0;
margin:0;
font-size:80%;
background-color:#B1BBC5;
}

#home {
margin-bottom:5px;
}

#job_footer {
color:white;
font-weight:bold;
padding:5px;
margin:0;

	background-color:#B1BBC5;
}

#job_footer a {
	font-weight:normal;
}

#job_footer a.bold {
	font-weight:bold;
}

a.red,a.red:hover,a.red:active,a.red:visited {
color:red;
}

#library_container h4 {
 float:right;
 font-size:200%;
}

#tagInput {
	width:140px;
}

#cloudscape .tag:hover {
	background-color:#ccc;
}

span.loading {
color:white;
background-color:#990000;
margin-left:10px;
margin-top:3px;
padding:3px;
}

/*
Show Library
////////////////////////////
*/

#library_container .bag{	
	text-decoration:none;
	cursor:pointer;
	position:relative;
	background:#c0c3c5 url(/images/icons/thumb.folder.gif) no-repeat 10px center; 
	padding:10px;
	padding-left:60px;
	font-size:130%;
	border-bottom:1px solid #E4E0DB;
	}
	

#library_container .bag .info {
	float:right;
	text-align:right;
	font-weight:bold;
}


#library_container div.active {
	background:#B1BBC5 url(/images/icons/thumb.folder.gif) no-repeat 10px center; 
}

#library_container #files_table {width:100%;

border-collapse: collapse; 
border-spacing: 0; }


#format a, #format b {
	display:block;
	float:left;
	width:30px;
	padding:5px;
  	position:relative;
  	border:1px solid white;
}
#format b {
  	color:red;
}

#format a img,#format b img  {
  	margin-bottom:8px;
}

  
#format a span, #format b span {
    position:absolute;
    bottom:3px;
    left:8px;
    font-weight:bold;
}

#cloud span, #dep span, #date span{ 
	color:red;
}

#cloud a, #dep a, #date a {
	color:black;
}

#people span { float:left;

}

.selected {
	background-color:#ccc;
}

#menu_contrib a.photo_active img{
 border:1px solid red;
}

#menu_contrib a img{
 border:1px solid black;
}

.side_menu_open, .side_menu_close {
 position:absolute;
 right:0;
 top:0;
}

.side_menu_open {
	background:transparent url(/images/icons/close_blue.gif) no-repeat 99% 70%;
padding-right:1000px;
}


.side_menu_close {
	background:transparent url(/images/icons/open_blue.png) no-repeat 99% 70%;
padding-right:1000px;
}

.cal_day  {text-align:center; background:transparent url(/images/icons/silk/date.png) no-repeat 50% 0 ; font-size:9px; font-weight:bold;color:#666; padding-top:5px;}
.cal_today {color:#000}
.cal_month {font-weight:bold;}
.cal_head td {font-weight:bold;
}
div.workflow {width:99%;margin-left:0;}
div.workflow table {background-color:white;}

#tooltip_box {border: 1px solid gray; padding: 6px; background-color:white;}
#tooltip_box h2 a {position: absolute; right: 7px;}

#tooltip_box #tooltip {
	
		background-color:white;
		border:1px solid gray;
		}
		
#tooltip_box .date {border-top:1px solid gray;}
#tooltip_box .co {font-weight:bold;}

#tooltip_box .desc {font-weight:bold; font-size:11px; padding:3px;}
#tooltip_box .date ,#tooltip_box .co{
background-color:#B1BBC5;
color:#EEEEEE;
font-size:14px;
padding-right:5px;
border-bottom:1px solid gray;
clear:both;
}
#tooltip_box ul {padding:0px;}
#tooltip_box li {list-style:none;padding:5px;padding-left:0;border-bottom:1px solid gray; }
#tooltip_box li a{font-weight:bold; padding:0;margin:0;}
#tooltip_box span{display:block;}
#tooltip_box img {float:left;}
#tooltip_box img.user {margin:2px 5px;;}
#tooltip_box .workflow_info,#tooltip_box .workflow_schedule {padding-bottom:6px;}

#tooltip_box p {padding:6px;}
#tooltip_box .holiday {background-color:#ccc;}

.not {text-decoration: line-through; color:red;}

td.info {text-align:center;}