@import url(custom.css); 
@import url(library.css); 

/* Core UI rules */ 
/*
	1. UI Framework
	2. Generic and tag rules 
	3. Container classes and sockets (Parent positioning)
	4. Techniques
	5. Menu rules
	5.2 Tabs
	5.3. Buttons and Icons
	6. Print rules 
	7. Deprecated
	8. Temp
 	9. Context Rules and Debugging	
*/

/* ---------------- */
/* 1. UI Framework  */

/** {padding:0; margin:0;}*/

html, body {height: 100%}
body {
	padding:0;
	margin:0;
	text-align:center;
	font-family: Segeo UI, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #7a8795;
	background: #e0e1e3 url(../img/gui/bg.png) repeat-x top left;
}
#frame {
	width:980px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}
	#frameCenter{
		width:980px;
		float:left;
	}
	#frameBG{
		width:980px;
		float:left;
	}		
		.brand{
			width:980px;
			float:left;
		}		
		.header{
			width:980px;
			height:66px;
			padding:10px 0 10px 10px;
			float:left;
			position:relative;
		}		
		.logo{
			position:absolute;
			left:-40px;
		}
		.mainMenu{
			width:980px;
			/*border-bottom:2px solid #ffffff;*/
			float:left;
		}		
		.content{
			width:980px;
			float:left;
			margin:0 0 15px 0;
		}		
			.content .ControlPane{width:296px; padding:15px 10px 15px 10px; margin:0 15px 15px 0; float:left; background:#ffffff;}
			.content .MainPane{width:296px; padding:15px 10px 15px 10px; margin:0 15px 15px 0; float:left; background:#ffffff;}
			.content .SecondaryPane{width:298px; padding:15px 10px 15px 10px; margin:0 0 15px 0; float:right; background:#ffffff;}
			.content .BoardPane{width:627px; padding:15px 10px 15px 10px; margin:0 15px 15px 0; float:left; background:#ffffff;}
			.content .ReadingPane{width:627px; padding:15px 10px 15px 10px; margin:0 0 15px 0; float:right; background:#ffffff;}
			.content .Half{width:470px; padding:15px 10px 15px 10px; margin:0 0 15px 0; float:left; background:#ffffff;}
			.content .Full{width:960px; padding:15px 10px 15px 10px; margin:0 0 15px 0; float:left; background:#ffffff;}		
		.footer{
			width:980px;
			float:left;
			font-size: 8pt;
		}	
		ul.linkList{width:50%; float:left;}
		.madeBy{width:50%;  float:left; text-align:right;}
		.madeBy a{color:#363636;}
		.copyright{}	


/* ------------------------- */
/* 2. Generic and tag rules  */

img{border:0;}

a{color:#004fa3; text-decoration:underline;}
a:hover{text-decoration:none;}
a:visited{color:#4b5056;}

p, span{margin:10px 0 10px 0; padding:0;}

h1, h2, h3, h4, h5{
	padding:5px 0 5px 0px;
	margin:5px 0 5px 0px;  
	font-weight:bold;
	color:#000000;
}
h1{color:#7b8795; font-size:13pt; font-weight:normal; padding:5px 0 10px 0; border-bottom:1px solid #e0e0e0;} /* Main Title of a page*/
h2{color:#7b8795; font-size:11pt;} /* Sub Title of a page */
h3{color:#7b8795; font-size:10pt;}
/*h4{font-size:11pt;}
h5{font-size:10pt;}*/

sup{font-size:8pt;}

pre{
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}

table{border-collapse:collapse;	font-size:10pt; empty-cells: hide;}
td{padding:3px;}
th{border:0; color:#d5d8d9; background-color:#d5d8d9; height:1px; padding:3px; text-align:center;}
.hlt td{background-color:#ffffff;}

form{padding:0px; margin:0px;}
label{}
input{
	position:relative; 
	margin:0; 
	padding:0;
}
input.date{padding-right:18px; background:#ffffff url(../../images/Core/ico_cal.gif) no-repeat right top;}
html>body input[type=text], html>body input[type=password]{border:1px solid #0563c7;} /* Fix the blur in FFox for text fields */
html>body input[type=text]{padding:0px; margin:0px; border:1px solid #0563c7;}
html>body input[type=button], html>body input[type=submit]{color:#000851; font-size:95%; font-weight:bold;}

.searchBox{padding:2px; border:1px solid #0563c7; background:#ffffff; display:inline; /*float:left;*/}
.searchBox input.text{ border-width:0 0;}
.searchBox input.btn{width:17px;  border-width:0 0; background:url(../../images/Core/ico_magnifier2.gif) no-repeat;}

textarea{position:relative; border:1px solid #0563c7;}
  .resizable-textarea textarea {
    display:block;
    margin-bottom:0pt;
    width:95%;
    height: 20%;
  }
  div.grip {
    background:#EEEEEE url(grippie.png) no-repeat scroll center 2px;
    border-width:0pt 1px 1px; border-style:solid; border-color:#DDDDDD;
    cursor:s-resize;
    height:9px;
    overflow:hidden;
  }
  

ul, ol{margin:10px 20px 10px 20px;}  
ol li, ul li{padding:5px}

/* ----------------------------------------------------- */
/* 3. Container classes and sockets (Parent positioning) */

div.box{}
div.searchResult{}

div.box2{border-bottom:1px solid #e0e0e0;}

div.boxCenter, table.boxCenter{
	margin-left:auto; 
	margin-right:auto; 
	text-align:center; 
	width:100%; 
}

div.form{ 
	width:98%; 
	padding:2% 1% 2% 1%;
	 float:left; 
	background-color:#FDF0DF; 
	border:1px solid #FDF0DF; 
	margin:1% 0 1% 0; 
}

span.breadcrum{
	width:100%;
	float:left;
	font-size:8pt;	
}

div.form{
  width:98%;
  padding:1%;
  float:left;
  background-color:#f7f7f7;
  border:1px solid #d5d8d9;
  margin:1% 0 1% 0;
}
  
span.errmsg{font-weight:bold; color:#FF0000;}

span.mandatory, td.mandatory{color:#FF0000; font-weight:bold; font-size:smaller;}

/* ------------- */
/* 4. Techniques */

.tooltip {
	margin:0 0 0 0;
	padding: 0;
	list-style: none;
}
.tooltip li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.tooltip a {
	display: block;
	width: 144px;
	text-decoration: none;
}
.tooltip li em {
	background: url(images/bg_tooltip.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	z-index: 2;
	display: none;
}

/* Round Boxes */
div.boxRound .wrapper{
	width:99%;
	padding:0 0 0 1%;
	float:left;
	background:url("../images/sprite_gray_left_1.gif") top left no-repeat;
}	
div.boxRound .wrapper div.header{
	width:100%;
	padding:8px 0 20px 0; 
	margin:0 0 -20px -1px;
	float:left;
	display:inline;
	background:url("../images/sprite_gray_right_1.gif") top right no-repeat;
}
div.boxRound .wrapper div.content{
	width:100%;
	float:left;
	padding:0 0 0.5em 1%;
	margin:0 0 0 -1%;
	display:inline;			
	border-left:1px solid #d5d8d9;
	background:url(../images/bg_boxRound_side.gif) repeat-y top right;
}
div.boxRound .wrapper div.footer{
	width:100%;
	float:left;	
	display:inline;
	padding:0 0 0 1%;
	margin:0 0 0 -1%;
	background:url("../images/sprite_gray_left_1.gif") bottom left no-repeat;
}
div.boxRound .wrapper div.footerRight{
	width:100%;
	float:left;			
	padding:0 0 2px 0;
	display:block;
	text-align:right;
	background:url("../images/sprite_gray_right_1.gif") bottom right no-repeat;
}
div.boxRound .wrapper div.footerRight img{display:block;}
		
div.boxRoundTop{width:100%; float:left;}		
div.boxRoundTop .wrapper {
	width:100%;
	padding:0 0 0 2px; 
	float:left;
	background:url("../images/sprite_gray_left_1.gif") top left no-repeat;
}	
div.boxRoundTop .wrapper div.header{
	background:url("../images/sprite_gray_right_1.gif") top right no-repeat;
	margin:0 0 0 0;
	padding:8px 0 10px 0; 
}
div.boxRoundTop .wrapper div.content {
	width:98%;
	float:left;
	margin:0 0 0 -1px;
	padding:0 1% 0.5em 1%;
	border-right:1px solid #d5d8d9;
	border-bottom:1px solid #d5d8d9;
	border-left:1px solid #d5d8d9;	
	background:#f7f7f7;
}
html>body div.boxRoundTop .wrapper div.content {margin:0 0 0 -2px; } 

/* Error box */
div.noticeBoxTop{
	width:925px; 
	height:5px; 
	float:left; 
	background: url(../images/bg_errorBox_top.gif) no-repeat;
}
div.noticeBox{
  width:895px; 
  float:left; 
  background: url(../images/bg_errorBox_side.gif) repeat-y;
  padding:0 20px 0 10px;
	color:#d61a22;
}
div.noticeBox{color:#000000;}
div.noticeBoxBot{
	width:925px; 
	height:5px; 
	float:left; 
	background: url(../images/bg_errorBox_bot.gif) no-repeat;
}

.caption{font-size:smaller;}

.clearer{clear:both;}

/* ------------- */
/* 5. Menu rules */

.mainMenu ul{ /* all lists */
	height:32px;
	padding: 0;
	margin: 0;
	list-style: none;
}
.mainMenu li { /* all list items */
	height:100%;
	padding:0;
	margin:0;
	float: left;
	position: relative;
	color:#028ecb;
} 
.mainMenu li a{
  padding:8px 15px 8px 15px;
  margin:0;
  color:#028ecb;
  text-decoration:none;
  display:block;
  font-size:11pt;
}
.mainMenu li a:hover{ 
	padding:8px 15px 8px 15px;
	margin:0;
	background:#ffffff;
}
.mainMenu li.current a{
	background:#ffffff;	
}


.mainMenu li ul { 
	width:180px;
	float:left;
 	position: absolute;
	top: 32px;
	left: -9999px;
	z-index:9999; 
	background:#ffffff url(../images/spacer.gif) no-repeat 100% 0%;
/*	border-bottom:1px solid #a8aec5;
  	border-left:1px solid #a8aec5;
  	border-right:1px solid #a8aec5;*/
  	padding:0;
}
.mainMenu li:hover ul, .mainMenu li.over ul{ 
	background:#e0e1e3 url(../images/spacer.gif) no-repeat 100% 0%;
	left:0;
}
.mainMenu li:hover ul li, .mainMenu li.oover ul li{
  width:180px;
  display:block;
  background:#e0e1e3 url(../images/spacer.gif) no-repeat 100% 0%;
  text-decoration:none;
  float:left;
}
.mainMenu li:hover ul li a, .mainMenu li.over ul li a{
  width:160px;
  float:left;
  display:block;  
  background:#e0e1e3 url(../images/spacer.gif) no-repeat 100% 0%;
  color:#028ecb;
}
.mainMenu li:hover ul li a:hover, .mainMenu li.over ul li a:hover{
	width:160px;
	height:20px; 
	float:left;
}


.footer ul.linkList{	
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer li { /* all list items */
	height:100%;
	padding:0;
	margin:0;
	display:inline;
} 

/* ---------- */
/* 5.2. Tabs  */

#tabs{
	float:left;
	position:relative;
	bottom:-1px;
	z-index:2;		
}
#tabs ul{
	margin:0;
	padding:0;
	list-style:none;
}
#tabs li{
	display:inline;
}
#tabs a:hover{background-position:0% -150px;}
#tabs a:hover span{
	background-position:100% -150px; 
	cursor: hand; 
	cursor: pointer;
}
#tabs a{
	float:left;
	background:url("../images/bg_btn_left.gif") no-repeat left -146px;
	padding:0 0 0 5px;
	text-decoration:none;
	top:-1px;
  color:#000196;
}
#tabs a span{
	float:left;
	display:block;
	background:url("../images/bg_btn_right.gif") no-repeat right -146px;
	padding:9px 10px 3px 7px;
	font-weight:bold;
	top:-1px;
}   
#tabs .current a{
	background-position:0 -150px;
	top:1px;
}
#tabs .current a span{
	background-position:100% -150px;
	padding:7px 10px 5px 7px;
	top:1px;
}	

/* --------------------- */
/* 5.3 Buttons and Icons */

a.icon, span.icon{
	background-position:left top; 
	line-height:normal;
	padding:0px 0 0px 20px; 
	background-repeat:no-repeat; 
	text-decoration:none;
  /*display:inline-block;*/
} 
img.icon{margin:0 5px 0 0; display:inline;}
/*a.icon:hover{background-position:0 bottom;}*/

.iinfo{background-image:url(../../images/Core/ico_info.gif);}
.iback{background-image:url(../../images/Core/ico_first_small.gif);} a.icon.iback{padding:0 0 0 16px; background-position:left 50%; }
.iprint{background-image:url(../../images/Core/ico_print.gif);}
.iforward{background-image:url(../../images/Core/ico_last_small.gif);} a.icon.iforward{padding:0 16px 0 0; background-position:right 50%; }
 
/*a.pdf, a.zip, a.psd, a.mp3, a.mpg, a.mov, a.doc, a.xls{padding-left: 20px;}*/
a.pdf{background: url(../img/gui/ico_pdf.gif) no-repeat;}
a.zip{background: url(images/ico_pdf.gif) no-repeat;}
a.psd{background: url(images/ico_pdf.gif) no-repeat;}
a.mp3{background: url(images/ico_pdf.gif) no-repeat;}
a.mpg{background: url(images/ico_pdf.gif) no-repeat;}
a.mov{background: url(images/ico_pdf.gif) no-repeat;}
a.doc{background: url(images/ico_pdf.gif) no-repeat;}
a.xls{background: url(images/ico_pdf.gif) no-repeat;}

/*.print{width:10%; float:right; padding:5px; clear:all;}*/
.navArticle{ /*float:right;*/ padding:5px 10px 5px 5px; clear:all; text-align:right;}


/* Bullet */
a.bullet{
	background-image:url(../../images/Core/bullet_gray.gif); 
	background-position:2px 1px; 
	line-height:100%; 
	padding:0 0 0 10px; 
	background-repeat:no-repeat; 
	text-decoration:none;
	display:inline; 
	font-size:10pt;	
	font-family: Arial, Verdana, Helvetica, sans-serif;  
	font-weight:normal;
}
a.bullet:hover{background-image:url(../../images/Core/bullet_gray.gif); background-position:2px 1px; line-height:100%; padding:0 0 0 10px; background-repeat:no-repeat; text-decoration:underline; display:block; /*vertical-align:middle;*/ font-size:10pt;	font-family: Arial, Verdana, Helvetica, sans-serif;  font-weight:normal;}



/* ---------------- */
/* 6. Print rules */

  
  .noPrint{}
  .fLeftPrint{}
  .borderTPrint{}
  .borderBPrint{}
  .print_pageBreak{page-break-after: always;}

/* ------------- */
/* 7. Deprecated */

/* ------- */
/* 8. Temp */

/* ------------------------------ */
/* 9. Context Rules and Debugging */

.hidden{display:none;}
.caps{text-transform: capitalize;}
.w96P{width:96% padding:1%; margin:1%;}
.w100P{width:100%;}
.tRight{text-align:right;}

/*
.fLeft{float:left;}
.fRight{float:right;}

.txtSmall{font-size:8pt;}

.caps{text-transform: capitalize;}

.block{display:block;} 
.inline{display:inline;} 
.hidden{display:none;}

.aRight{text-align:right;}
.aMid{text-align:center;} 
.aLeft{text-align:left;}

html>body .opacity9{opacity:0.95;}
*/
/*
.clear{clear:both;}
.wWrap{word-wrap: break-word;}
*/
/*
.underline{text-decoration:underline;}

.wParent{width:inherit;}
*/