@import "reset.css";

/* tools */
.clear {clear:both; display:block; overflow:hidden; width:100%; height:1px;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.overflow { overflow:auto; }

/* general styles */

a { color:#68afe4; text-decoration:underline; cursor:pointer; }
a:hover { text-decoration:none; }

.noline a { text-decoration:none }
.noline a:hover { text-decoration:underline; }

/* layout */
html, body { margin:0; padding:0; width:100%; height:100%; }
body { min-height:100%; height:auto !important; height:100%; position:relative; }
#footer { width:100%; position:absolute; bottom:0; }

#contentwrapper { padding-bottom:130px; width:950px; margin:0 auto; position:relative; }
#header { height:100px; }
#footer { height: 110px; width:950px; left:50%; margin-left:-475px; }

body { background:url('../images/mainbg.jpg') 50% 0 no-repeat; font:12px Tahoma, Arial, Helvetica, sans-serif; }

#header .logo, #header .logo span { position:absolute; left:0; top:0; display:block; width:122px; height:68px; padding-top:20px;}
	#header .logo { left:-2px; top:5px; text-align:center; }
	#header .logo, #header .logo a { color:#69afe2; font-size:20px; text-decoration:none; line-height:50px; }
	#header .logo span { background:url('../images/logo.png'); background-repeat:no-repeat; }
	#header .logo a span { cursor:pointer; }
	
.navigation { position:absolute; left:475px; top:64px; }
	.navigation li { float:left; background:url('../images/nav-sep.png') 100% 50% no-repeat; padding:0 14px; }
	.navigation li.last { background:none; padding-right:0; }
	
/*#mainflash { border:1px solid #d7dce2; width:948px; height:328px; margin-bottom:1px; }*/
#mainflash {  width:948px; height:328px; margin-bottom:1px; }

#mainBlocks { height:126px; }

	#vote, #consult, #calendar { width:306px; height:115px; border:1px solid #d7dce2; background-color:#f2f4f6; float:left; padding:4px; position:relative; }
	#vote, #consult { margin-right:1px; }
	
	#vote .wrapp, #consult .wrapp, #calendar .wrapp { background-color:#fff; height:110px; padding-top:5px; padding-left:11px; }
	#vote h2, #consult h2, #calendar h2 { font:17px/14px Verdana, Arial, Helvetica, sans-serif; color:#69afe2; }
		
		#vote .sub { display:none; }
		#vote .submit { background:#69afe2 url('../images/submit-answer.png') no-repeat; width:38px; height:14px; border:0; overflow:hidden; text-indent:-9000px; cursor:pointer; vertical-align:middle; margin-left:3px; position:absolute; left:156px; top:75px; }
		#vote .photo { position:absolute; right:4px; top:4px; }
		#vote .answer { font:12px "Arial Narrow", Arial, Helvetica, sans-serif; color:#9ba2a9; width:105px; padding-left:20px; background:url('../images/vote-line.png') 100% 50% no-repeat; float:left; }
		#vote label, #vote input { vertical-align:middle; margin:0; padding:0; }
		#vote label { position:relative; top:1px; cursor:pointer; }

		#vote p { padding-bottom:2px; }
		#vote .active { color:#8dc0e6; }
		
		#vote .result { font:12px "Arial Narrow", Arial, Helvetica, sans-serif; color:#9ba2a9; padding-left:20px; }
		#vote .result p { position:relative; padding-bottom:4px; }
		#vote .scale { display:block; background:url('../images/result-scale.png') 100% 0 no-repeat; height:12px; position:absolute; left:85px; top:3px; z-index:20 }
		#vote .scale strong { position:absolute; right:-28px; top:-1px; font:12px Arial, Helvetica, sans-serif; color:#69afe2; font-weight:bold }
		#vote .text { position:relative; z-index:50; }
		#vote .grad { height:12px; background:url('../images/result-scale-gr.png') no-repeat; width:56px; display:block; left:85px; top:3px; position:absolute; z-index:30; }		
		
		#consult .wrapp { background:#fff url('../images/main-consult.jpg') 100% 0 no-repeat; }
		#consult h2 { padding-bottom:20px; }
		#consult ul { padding-left:16px; font:12px "Arial Narrow", Arial, Helvetica, sans-serif; }
		#consult li { padding-bottom:3px; }
		#consult a { color:#9ba2a9; text-decoration:none; border-bottom:1px dashed #9ba2a9; }
		#consult a:hover { border-bottom:0; }
		
		#calendar .wrapp { background:#fff url('../images/main-calendar.jpg') 100% 0 no-repeat; }	
		#calendar label { display:block; padding-bottom:3px; }
		#calendar .term { padding-top:12px; padding-left:16px; font:12px "Arial Narrow", Arial, Helvetica, sans-serif; color:#9ba2a9; }
		#calendar select, #calendar option { font:12px "Arial Narrow", Arial, Helvetica, sans-serif; color:#9ba2a9; vertical-align:middle; }
		#calendar .submit { background:#69afe2 url('../images/submit-term.png') no-repeat; width:38px; height:14px; border:0; overflow:hidden; text-indent:-9000px; cursor:pointer; vertical-align:middle; margin-left:3px; position:relative; top:2px; }
		
#mainPanel { background:#b5babf url('../images/main-panel.png') repeat-x; height:30px; overflow:hidden; padding:0 30px; }
	#mainPanel .login { float:left; padding-top:4px; }
	#mainPanel .search { float:right }
	
	#mainPanel .login { color:#fff; font:12px "Arial Narrow", Arial, Helvetica, sans-serif; }	
	#mainPanel .login a { color:#fff; }
	
	#mainPanel .login_main { color:#fff; }
	#mainPanel .login_main { float:left; padding-top:4px; }
	#mainPanel .login_main a { color:#fff;font:14px Tahoma, Arial, Helvetica, sans-serif; }

	#mainPanel .search { color:#fff; width:247px; padding-top:6px; height:20px; }	
	#mainPanel .search .label { padding-right:6px; display:block; float:left; height:20px; font:14px Tahoma, Arial, Helvetica, sans-serif; }
	#mainPanel .search .input { background:#fff url('../images/search-input.png') 0 50% no-repeat; display:block; width:154px; float:left; }
	#mainPanel .search input { background:none; border:0; font:10px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#9ba2a9; padding:0 5px; width:144px; vertical-align:middle; }
	#mainPanel .search .submit { background:#69afe2 url('../images/search-submit.png') no-repeat; width:38px; height:14px; border:0; overflow:hidden; text-indent:-9000px; cursor:pointer; vertical-align:middle; margin-left:3px; margin-left:5px; }


#footer { color:#939ca7; }

	#footer .subfooter { height:24px; border-bottom:1px solid #f0f0f0; color:#889db4; margin-bottom:17px; }
	#footer .mail { float:left; }
	#footer .else { float:right; }
	
	#footer .address { float:left; font:12px Arial, Helvetica, sans-serif; }
	#footer .copyright { float:right; }
	
		#footer address { padding-top:4px; }
		#footer .adr { width:178px; float:left; }
		#footer .tel { width:178px; float:left; }
		
		#footer .copyright { background:url('../images/copyright.png') no-repeat; width:135px; padding-top:24px; font:9px Arial Narrow, Arial, Helvetica, sans-serif; text-align:right; }
		
#popup { display:none; position:fixed; height:110px; width:184px; z-index:300; color:#9ba2a9; }
#backgroundPopup { display:none; position:fixed; height:100%; width:100%; top:0; left:0; background:#fff; z-index:200; }

	#popup h2 { font:17px Verdana, Arial, Helvetica, sans-serif; color:#69afe2; padding-bottom:3px; }
	#popup .submit { background:#e89dc4 url('../images/submit-authorization.png') no-repeat; width:36px; height:14px; border:0; overflow:hidden; text-indent:-9000px; cursor:pointer; vertical-align:middle; margin-left:3px; margin-left:5px; font:10px 'Arial Narrow', Arial, Helvetica, sans-serif; }
	#popup a { color:#9ba2a9; }
	#popup label { display:block; width:53px; float:left; }
	#popup .input { background:url('../images/authorization-input.png') 0 50% no-repeat; width:131px; display:block; float:left; }
	#popup .input input { border:0; padding:0; margin:0; background:none; font:12px Arial, Helvetica, sans-serif; color:#9ba2a9; padding:5px; width:121px; }
	
	#popup .forgot { padding-top:2px; font:10px 'Arial Narrow' , Arial, Helvetica, sans-serif; clear:both;}
	#popup .sep { padding-right:5px; margin-right:4px; background:url('../images/authorization-sep.gif') 100% 50% no-repeat; }
	#popup .links { float:left; }
	#popup .submit { float:right; position:relative; top:1px; }

/* jQuery inputs */
.jNiceWrapper {position:relative;vertical-align:top; }
.jNiceWrapper input {outline:none; }
.jRadioWrapper { float: left; z-index: 2; }
.jNiceRadio { background: transparent url('../images/radio.png') no-repeat center top; height: 8px; width: 8px; position:absolute;left:0px;top:5px;cursor:pointer;vertical-align:top; font-size:0; }
.jNiceChecked { background-position: center bottom;}
.jRadioWrapper { padding:0; margin:0;	height: 15px; width: 12px; overflow:hidden; }

.jNiceWrapper select {border:none;margin:0;padding:0;}
.jNiceSelectWrapper { height: 20px; left:0px; top:0px; z-index:3; position:absolute; padding-right:5px; }
.jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}
.jNiceSelectWrapper .jNiceSelectText { height: 20px; line-height: 20px; padding: 0px 3px; background:url('../images/select-bg.png') no-repeat; overflow:hidden;float:none;position:absolute;z-index:100; padding-left:5px; padding-right:5px; }
.jNiceSelectWrapper .jNiceSelectOpen { width: 20px; height: 20px; background: url('../images/select-right.png') no-repeat center center; z-index:100;display:block;position:absolute;right:0px; cursor:pointer; }
.jNiceSelectWrapper ul { top: 20px; background-color: #FFF; border: solid 1px #CCC; position:absolute;left:0px;list-style:none;display: none;margin:0;padding:0;overflow-y:auto;z-index:100;width: 95%; }
.jNiceSelectWrapper ul a { color:#0099CC; background-color: #FFF; display:block;padding:2px 5px;text-decoration:none; }
.jNiceSelectWrapper ul a:hover { background:#E1F5FF; }
.jNiceSelectWrapper ul a.selected {background: #EDEDED;}

#calendar .jNiceWrapper { float:left; margin-right:7px; }

#innerPage { height:457px; overflow:hidden; }
	#innerPage .sidebar { width:231px; height:446px; background-color:#f2f4f6; border:1px solid #d7dce2; float:left; padding:4px; }
	#innerPage .content { width:698px; height:446px; background-color:#f2f4f6; border:1px solid #d7dce2; float:right; padding:4px; color:#9ba2a9; position:relative; }
	#innerPage .wrapp { background-color:#fff; height:100%; }

#menu { padding-left:25px; padding-top:44px; width:178px; padding-bottom:55px; }
#menu li { background:url('../images/menu-border.png') 0 100% repeat-x; padding:8px 0; }
#menu .last { background:none; }
#menu a { color:#e697c0; }

.sidebar .title { padding-left:25px; font:17px Verdana, Arial, Helvetica, sans-serif; color:#69afe2; position:relative; padding-bottom:18px; }
.sidebar .title .more { font:10px 'Arial Narrow', Arial, Helvetica, sans-serif; color:#939ca7; position:absolute; right:15px; top:4px; }

/*#adviceList { padding-left:10px; height:220px; overflow:hidden; }*/
#adviceList { padding-left:10px; height:auto; overflow:hidden; }
	#adviceList li { padding-bottom:10px; background:url('../images/inner-advices-bullet.png') 0 3px no-repeat; padding-left:15px; padding-right:15px; }
	
	#innerPage .content h2 { font-size:24px; line-height:24px; color:#69afe2; padding-bottom:12px; border-bottom:1px solid #d7dce2; }

#aboutElevit .text { padding-top:40px; width:340px; float:left; }
#aboutElevit .ilustration { position:absolute; right:32px; bottom:0; }

	#aboutElevit .short { padding-bottom:22px; }
	#aboutElevit .promote { padding-bottom:5px; }
	#aboutElevit .promoteText { padding-left:34px; padding-bottom:25px; }
	#aboutElevit .promoteText p { padding-bottom:5px; }

.pagerContainer { background:url('../images/pager-bg.png') no-repeat center; margin:0!important; padding:0!important; height:14px; width:100%; position:absolute; bottom:4px; text-align:center; padding-top:4px!important; }
.pager { margin:0 auto !important; padding:0!important; }
	.pager li { display:inline; cursor:pointer; font:10px/10px 'Arial Narrow', Arial, Helvetica, sans-serif; text-decoration:none; color:#9ba2a9; border:1px solid #d4d9dd; padding:0 5px; position:relative; z-index:100; margin:0 1px; }
	.pager li:hover, .pager li.active { color:#e89dc4; border:1px solid #b2b8be; }

.scrollBlock { position:relative; }
.scrollBlock .prev, .scrollBlock .next { background:url('../images/next-prev.png') no-repeat; width:19px; height:48px; display:block; left:0; top:197px; position:absolute; }
.scrollBlock .next { left:auto; right:0; background-position:100% 100%; }
.scrollBlock .disabled { display:none; }

/* scrollblock */
div.scrollable { position:relative; overflow:hidden; width:643px; height:405px; margin:0 auto; padding-top:45px; } 
div.scrollable div.items { width:20000em; position:absolute; }

	div.scrollable div.screen { width:643px; height:369px; float:left; position:relative; }
	
/* splitter */

#advices { height:446px; width:698px; background-color:#fff; overflow:hidden; position:relative; }
#TopPane { overflow:hidden; height: 150px; min-height: 50px; max-height:440px; position:relative; }
#BottomPane { overflow:hidden; }
#advices .hsplitbar { height:6px; background:#e4e9ed url('../images/splitter.png') 50% 0 no-repeat; overflow:hidden; }

.advices ul { margin:0; padding:10px 0; }
.advices li { padding:7px 32px; list-style:none!important; cursor:pointer; }
.advices a { text-decoration:none; }
.advices li:hover { background-color:#cdd5dc; }
.advices li:hover a,
.advices .active a { color:#fff; }
.advices .active { background-color:#cdd5dc; color:#fff; font-weight:bold; }

.advices .answer { display:none; }

#answer { font-size:12px; line-height:18px; padding:4px 32px; }


.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; height:100%!important; }
.jScrollPaneTrack { position: absolute; cursor: pointer;  right: 0;	top: 0; height: 100%; background: #fff; border:1px solid #e4e9ed; padding:1px; }
.jScrollPaneDrag {  position: absolute; background: #e89dc4; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }

#advicesWrapp { height:100%; overflow:auto; position:relative; }
#answerWrapp { height:100%; overflow:auto; position:relative; }


.btn160{background:url('../images/bntbg160.jpg') no-repeat; width:158px;height:22px;cursor:pointer;border:0 none;color:White;}
.formtitle{font-family:Tahoma;font-size:24px;color:#68AFE4;}
.form {font-family:Tahoma;font-size:12px;color:#939CA7;font-weight:bold;}
.form input{width:200px;}

.delete-question { display:block; position:absolute; right:5px; bottom:5px; padding: 3px 15px; background:#bdc7d1; text-decoration:none; color:#ffffff; }
.search-result { margin-bottom: 8px; margin-top:5px; }