body { margin: 0 0 5px; padding: 0; text-align: center; font: 11px Arial, "Trebuchet MS", Tahoma; color: #000; }

img { border: 0; }

a, a:hover, a:active, a:focus { outline: 0 none; color: #1361ff; }
a { text-decoration: underline; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }
a:hover { text-decoration: none; }

/* layout full screen size */
.layoutie6sucks {
	position: relative; clear: both; width: 100%; margin: 0; padding: 0; min-height: 54px; height: auto !important; height: 54px;
	margin: 0; padding: 0; border-bottom: 3px solid #fff41f; background: #fffbb2; z-index: 1;
}

	/* IE 6 sucks */
	.ie6sucks { width: 990px; margin: 0 auto; font-size: 12px; text-align: left; }
	.ie6sucks div { float: right; margin: 3px 0 3px 10px; }
	.ie6sucks img { margin-right: 3px; vertical-align: middle; }
	.ie6sucks p { margin-top: 2px; }

/* layout full screen size */
.layoutcontainer { position: relative; width: 100%; margin: 0; padding: 0; background: #9ea8b0 url('../img/reforma/bg-body.gif') repeat-x 0 0; }
.container { position: relative; width: 990px; margin: 0 auto; padding: 5px; text-align: left; z-index: 10; }
.whitebg { background: #fff; z-index: 1; }

	/* top */
	#header { position: relative; width: 100%; height: 126px; margin: 0; padding: 0; z-index: 1; }
		
		/* slogan */
		#slogan { position: absolute; top: -2px; left: 0; }
		#slogan h1 { margin: 0; padding: 0; font-size: 12px; color: #a1aeba; }
		#slogan h1 a { padding: 0 4px; text-decoration: none; font: bold 12px Arial, "Trebuchet MS", Tahoma; color: #a8e5fc; }
		#slogan h1 a:hover { color: #fff; }
		#slogan h1 a.selected { color: #6ed0f5; }
		#slogan h1 a.selected:hover { color: #fff; }
		
		/* logo image */
		#logo { position: absolute; top: 18px; left: 0; }
		
		/* ads */
		#ads-here { position: absolute; top: 24px; left: 200px; }
		
		/* finding difference in days till starting reform */
		#time { position: absolute; top: 62px; left: 400px; color: #fff; }
		#time strong { font-size: 15px; color: #f00; }
		
		/* log zone */
		#logger { position: absolute; width: 300px; line-height: 25px; top: 15px; right: 5px; color: #91dbeb; }
		#logger a { line-height: 25px; font: 11px Arial, Tahoma; color: #fff; }
		#logger a.logout { text-decoration: underline; color: #fff; }
		#logger a.logout:hover { text-decoration: none; }
		#logger img { vertical-align: middle; }
		#logger img.userpic { width: 48px; height: 48px; margin-top: 5px; padding: 1px; border: 1px solid #eee; background: #fff; vertical-align: top; }
			
			.loginfo { position: absolute; top: 5px; left: 95px; }
			.loginfo img { margin-bottom: 5px; }
			
			/* form */
			.login-form { position: relative; clear: both; width: 300px; line-height: 22px; margin: 0; padding: 0; }
			.login-form form { margin: 0; text-indent: 0; word-spacing: 0; }
			.login-form input {
				float: left; width: 123px; height: 20px; margin: 0 0 3px 0; padding: 3px 0 0 3px; border: 1px solid #dcdcdc;
				background: #f4f4fc; font-size: 11px; color: #000; 
			}
			.login-form img.login { position: absolute; top: 35px; left: 128px; }
			.login-form .options { position: absolute; width: 128px; top: 30px; left: 0; }
		
		/* menu border-top: 1px solid #e2e2e2; */
		#menu { position: absolute; width: 650px; height: 30px; top: 93px; left: 0; margin: 0; padding: 0; z-index: 10;
		border-bottom: 1px solid #3f98c8; background: url('../img/reforma/line.jpg') no-repeat top left; }
			
			/* menu */
			.menu { position: absolute; width: 100%; margin: 0; top: 0; left: 0; padding: 0; z-index: 10; } 
			.menu ul { margin: 0; padding: 0; }
			.menu li { float: left; width: auto; text-align: left; margin: 0; list-style-type: none; }
			.menu li a { display: block; margin: 0; padding: 7px 7px 8px; border-right: 1px solid #3f98c8;
			text-decoration: none; font: bold 13px Chicago, Charcoal, sans-serif; color: #fff; }
			.menu li a:hover, .menu li a.selected { background: url('../img/reforma/bg-menu.jpg') no-repeat bottom center; color: #d6ff72; }
			
			/* banner submenu one level */
			.menu li ul { position: absolute; top: 30px; left: -999em; height: auto; }
			.menu li:hover ul, .menu li.over ul { left: auto; border: 1px solid #ccc; border-bottom: 2px solid #ccc; background: #e5eeef; }
			.menu li:hover ul li, .menu li.over ul li { display: block; clear: both; width: 180px; border: none; left: auto; }
			.menu li:hover ul li a, .menu li.over ul li a {
			margin: 5px 10px; padding: 0; border: 0; background: none; text-decoration: underline; font-weight: normal; font-size: 11px; color: #1e5790; }
			.menu li:hover ul li a:hover, .menu li.over ul li a:hover { border: 0; background: #e5eeef; text-decoration: none; color: #1e5790; }
			.menu li:hover ul li a.selected, .menu li.over ul li a.selected { background: #e5eeef; }
			
				/* submenu options */
				.separator { padding-bottom: 5px; }
				.subtitle { padding: 5px 10px; text-transform: uppercase; font: bold 12px Arial, "Trebuchet MS", Tahoma; }
		
		/* search bar */
		#search-bar { position: absolute; width: 305px; height: 23px; top: 92px; right: 0; padding: 5px 0 0 0;
		border: 1px solid #d7dfe0; background: #eaf4f5; z-index: 12; }
		#search-bar form { margin: 0; text-indent: 0; word-spacing: 0; }
		#search-bar input { margin: 3px 0; padding: 3px 0 3px 3px; border: 1px solid #c6d9e9; font-size: 11px; color: #373862; }
		#search-bar img.button { position: absolute; width: 20px; height: 20px; top: 4px; right: 3px; margin: 0; padding: 0; background: #1e608e; color: #fff; }
			
			/* search form */
			.search-form { position: absolute; top: 0; left: 5px; color: #000; }
			* html .search-form { top: -2px; }
			.search-form a { font: bold 11px Arial, "Trebuchet MS", Tahoma; color: #1e608e; }
			.search-form input { width: 205px; height: 15px; margin: 3px 0; padding: 3px 0 3px 3px; font-size: 11px; color: #373862; vertical-align: middle; }
			
			/* tooltip */
			#fixed_tooltip {
				position: absolute; line-height: 16px; padding: 2px; border: 2px solid #c5e5fa;
				background: #fff; text-align: left; color: #333; z-index: 2;
			}

	/* inner container */
	#content { position: relative; clear: both; width: 990px; height: 100%; margin: 10px auto 0; padding: 0; background: #fff; z-index: 1; }
	* html #content { margin-top: 15px; }
	#content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	html[xmlns] #content { display: block; }
	* html #content { height: 1%; }
		
		/* here */
		.here { clear: both; width: auto; height: 20px; margin: 0 0 5px 0; padding: 5px 0; border: 1px solid #dce1ed; }
		.here span { height: 30px; margin: 0; padding: 5px 15px 10px 5px; font-weight: bold; font-size: 12px;
		background: url("../img/reforma/bg-here.gif") no-repeat bottom right; color: #2b2b2b; }
		.here span a { text-decoration: none; font-weight: bold; font-size: 12px; }
		.here span a:hover { text-decoration: underline; font-size: 12px; }
		
		/* content panel */
		.content { position: relative; margin: 0; padding: 22px 5px 0; border: 1px solid #dedede; }
		.content h2 { position: absolute; width: 293px; top: -11px; left: 0; padding: 5px; background: #e6eeef; font-weight: bold; font-size: 13px; color: #000; }
		* html .content h2 { top: 1px; left: -5px; }
		.content h2 span { padding: 10px 5px 5px 30px; }
		.content ul { margin: 2px 0 0; padding: 0; list-style-type: none; }
		.content ul li { display: block; width: 100%; line-height: 16px; padding: 5px 0; }
		.content ul li a { padding: 0 0 0 10px; background: url('../img/reforma/arrow-info.gif') no-repeat 0 7px; font-size: 12px; color: #1361ff; }
		.content form { margin: 0; text-indent: 0; word-spacing: 0; }
		.content input { height: 20px; margin: 0 0 3px 0; padding: 3px 0 0 3px; border: 1px solid #dcdcdc; background: #f4f4fc; font-size: 11px; color: #000; }
		.content a { color: #1361ff; }
		.content a.log { line-height: 20px; padding: 0 0 0 12px; background: url('../img/reforma/arrow-login.gif') no-repeat 0 5px; }
			
			/* background for authentication */
			.authentication { background: #e7f3ff; }
			
			/* image */
			.content-image { position: relative; clear: both; line-height: 22px; margin: 10px 0 0; padding: 0; }
			.content-image img { margin-bottom: 5px; }
			* html .content-image img { margin-bottom: 3px; }
			
			/* team */
			.team { background: url('../img/reforma/bg-stripe-invert.gif') repeat; }
			.team strong { font-size: 12px; color: #d10000; }
			
		/* simple content */
		.simple-content { position: relative; margin: 0; padding: 5px; border: 1px solid #eee; }
		.simple-content img { margin: 0 0 5px; }
		
		/* left panel */
		#left { position: relative; clear: both; float: left; width: 680px; height: auto; margin: 0; padding: 0; z-index: 1; }
		#left a { font-family: Arial, Tahoma; color: #1361ff; }
		#left p { clear: both; }
		#left p a { color: #1361ff; }
		
			/* text */
			.text { position: relative; clear: both; }
			.text a { color: #1071de; }
			.text a:hover { color: #375d8d; }
			
			/* page options */
			.list-options { clear: both; margin: 5px 0; padding: 0 0 10px; border: 1px solid #9da1b5; }
			.list-options ul { margin: 0 0 0 5px; padding: 0; }
			.list-options ul li a { color: #1361ff; }
			
			/* logged menu - user bar account */
			.logged_menu {
				clear: both; min-height: 20px; height: auto !important; height: 20px; margin: 5px 0; padding: 5px 3px 5px;
				border: 1px solid #1071de; border-top-width: 3px; background: #e7f3ff;
			}
			.logged_menu img { vertical-align: middle; }
			
			/* info */
			#customer-info { position: relative; clear: both; line-height: 22px; margin: 10px 0 5px; padding: 5px; }
			#customer-info small { font-size: 11px; }
			#customer-info big { padding: 1px; border: 1px solid #74aee5; background: #bbdefe; font-size: 12px; }
			#customer-info img { vertical-align: middle; }
			
		/* right panel */
		#right { position: relative; float: left; width: 305px; height: auto; margin: 0; padding: 0 0 0 5px; }
		#right form { margin: 0; text-indent: 0; word-spacing: 0; }
			
			/* poll */
			.polls, .polls-form { margin: 0; padding: 0; }
			.polls h3 { margin: 0; padding: 10px 0 0; font-size: 11px; }
			.polls p { margin: 5px 0; padding: 0; text-align: center; }
			.polls input.submit-poll { height: 20px; border: 1px solid #152491; background: #263fff; color: #fff; cursor: pointer; }
			.polls ul li, .polls-ul li, .polls-answers ul li { display: block; line-height: 15px; margin: 7px 0; padding: 0; background: none; text-align: left; }
			* html .polls-answers ul li { margin: 10px 0; }
			.polls ul label, .polls input { display: inline; height: 10px; margin: 0; padding: 0; border: none; background: none; }
			.polls ul label { margin: 0; padding: 0; vertical-align: top; cursor: pointer; }
			.polls ul input { width: 20px; }
			.polls-answers { width: 100%; }
			
			/* ads */
			#ads { clear: both; height: 100%; margin: 0; padding: 10px 0; text-align: center; }
			#ads ul { margin: 0; padding: 0; list-style: none; }
			#ads li { display: block; margin: 0 0 5px; padding: 0; }
			#ads li a { margin: 0; padding: 0; background: none; text-decoration: underline; }
			#ads li a img { text-decoration: none; }
			
	/* footer */
	#footer { position: relative; clear: both; height: 130px; margin: 0; padding: 0;
	border-top: 3px solid #eee; border-bottom: 1px solid #eee; font-size: 11px; color: #8587b1; z-index: 0; }
		
		/* validation */
		#validation { position: absolute; margin: 0; top: -5px; left: 0; }
		* html #validation { top: -7px; }
		#validation a { margin: 0; padding: 2px; text-decoration: none; }
		#validation a:hover {  }
		#validation a.html { background: #a1aeba; font-size: 10px; color: #000; }
		#validation a.html:hover { background: #568ab7; color: #fff; }
		#validation a.css { background: #568ab7; font-size: 10px; color: #fff; }
		#validation a.css:hover { background: #a1aeba; }
		
		/*copyright */
		#copyright { position: absolute; clear: both; top: 15px; left: 0; color: #696969; }
		#copyright b { color: #173d89; }
		
		/* links */
		#links { position: absolute; height: 80px; line-height: 25px; top: 35px; left: 0; padding: 2px 0 0 35px;
		background: #fff url('../img/reforma/bg-footer.gif') no-repeat; color: #141b8c; }
		#links a { line-height: 20px; margin: 0 2px; padding: 0; text-decoration: underline; color: #1361ff; }
		#links a:hover { text-decoration: none; color: #0b5791; }
		
		/* go top*/
		#gotop { position: absolute; top: 40px; right: 50px; z-index: 1; }
		#gotop a { text-decoration: none; color: #1361ff; }
		#gotop a img { margin-right: 3px; }
		#gotop a:hover { text-decoration: underline; color: #000; }
	
	/* web design author */
	#creator { position: relative; clear: both; margin: 0; padding: 5px 0; color: #696969; }
	#creator a { text-decoration: none; font: bold 11px Arial, "Trebuchet MS", Tahoma; color: #000; }
	#creator a:hover { color: #5e9f1f; }
	#creator em { font-style: normal; font-weight: bold; color: #5e9f1f; }
	#creator strong { color: #000; }
	
	/* partners */
	.partners { clear: both; width: auto; height: 80px; margin: 0 auto; padding: 0; text-align: center; color: #696969; }
	.partners a { border: none; text-decoration: none; font-size: 11px; color: #8d8d8d; }
	.partners img { position: relative; float: none; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }
	
	/* navigator */
	.navigator { clear: both; height: 28px; margin: 0; padding: 10px 0 0; text-align: justify; color: #696969; }
	.navigator form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
	.navigator a, .navigator a:visited, .navigator a:active { padding: 0 4px; border: 1px solid #7b7b7b; background: #eee; text-decoration: none; color: #000; }
	.navigator a:hover { background: #000; color: #fff; } 
	.navigator b { padding: 0 3px; border: 1px solid #095eea; background: #0054e0; color: #fff; } 
	.navigator input { width: 30px; height: 15px; margin: 0 2px 0 5px; padding: 3px 0 0 3px; border: 1px solid #7b7b7b; vertical-align: middle;
	font-weight: bold; font-size: 11px; }
	.navigator img { margin-left: 5px; padding-top: 0; vertical-align: middle; }
	/* normal */
	.navigator span.no_link { color: #a4a4a4; }
	.navigator span.jump_to { padding-left: 10px; font-weight: bold; color: #000; }
	/* extended */
	.navigator a#jump_img_extended_navigator { padding: 0; background: none; border: 0; }
	
/* clearfix */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/

/* form messages */
.error { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #d53030; }
.success { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #3eb523; }
.warning { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #dd8a31; }