/*---------------------------------------------
Name source: global.css
Name: style for eDotaznik.sk
Author: nolimit|DEVELOPERS lukac@nolimit.sk
License: Copyright 2009 all rights reserved  
---------------------------------------------*/
html, body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
/*typo*/
h1, h2, h3, h4, p, div, a { font-weight: normal; }
#main { position: relative; top: 0px; height:auto; width:950px; margin: 0 auto; clear: both; }
.noscript { background: #bd0917; height: auto; text-align: center; position: relative; padding-top: 25px; }
.noscript, .IEsuck h1 { font:normal 14px verdana; color: white; padding: 10px }
.IEsuck { background: red; height: auto; text-align: center; position: relative; padding-top: 40px; }
.IEsuck a { font:bold 14px verdana; color: white; }
/*universal*/
/*toolTips*/
.tooltip { position:relative; z-index:100; text-decoration: none;/*filter: alpha(opacity=90);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity: 0.9; */}
.tooltip span { display:none; }
.tooltip img { z-index:101; position: relative; }
.tooltip:hover { z-index:1000; visibility:visible; }
.tooltip:hover span { z-index:1000; display:block; position:absolute; width:auto; min-width:250px; top:20px; left:0px; background:#494949; border:0px solid #333333; padding:6px; font:normal 10px tahoma; color:white; text-decoration:none; text-align: justify; -moz-border-radius: 3px; }
.tooltip:hover .arw { background:url(../images/arow.gif) no-repeat 0 0; position: absolute; top: -4px; height: 4px; width:8px; }
label { cursor: pointer; }
/*end*/

/*baner student zlava*/
#main .zlava { position: absolute; height:273px; width:164px; background: url(../add/baner/student_zlava.png);  z-index: 9999; top:131px; right:-164px }
#main .zlava span { display:none }


/*Facebook icon*/
#main .fb { position: absolute; height:120px; width:35px; background: url(../images/fb_icon.png);  z-index: 10; top:410px; left:-35px }
#main .fb span { display:none }

/*web app css*/
/*top*/
#main .top { position: relative; height:130px; width:950px; background: url(../images/bgTop.jpg); border-bottom:1px solid #e8e8e8; z-index: 50; }
#main .top h1 span { display: none; }
#main .top h1 a { display: block; width: 210px; height: 130px; background: url(../images/logo_edotazik.gif) no-repeat; float: left; }
#main .top .menuTop { height:130px; width:740px; float: left; position:relative; z-index: 50; }
#main .top .menuTop ul { float: right; list-style: none; top: 50px; position: relative; border-right:1px dotted #dadada; }
#main .top .menuTop ul li { font:11px tahoma; padding: 7px; line-height: 7px; }
#main .top .menuTop ul li a { color: #363f48; text-decoration: none; }
#main .top .menuTop ul li a:hover { text-decoration: underline; }
#main .top .menuTop .online { height:15px; width:210px; font:11px tahoma; position: absolute; float:right; top: 100px; left: 530px; text-align: right; z-index: -5; }
#main .top .menuTop .online em { color: #949494; font-style: normal; }
#main .top .menuTop .online strong { color: #ff7b00; font-style: normal; font-weight: bold }
#main .top .demo { position: absolute; z-index: 10; height: 35px; top: 94px; width: 250px; display: inline; }
#main .top .demo img { float: left; }
/*linkBar*/
#main .linkBar { position: relative; border-bottom:1px dotted #dadada; height: 40px; }
#main .linkBar h2 { font:normal 20px "Trebuchet MS"; color: #f4a000; float: left; padding: 7px 0 7px 28px; }
#main .linkBar h1 { color:black; float: left; font:normal 20px "Trebuchet MS"; color: black; padding: 7px 0 7px 0; }
#main a.back { float: right; font:11px tahoma; color: #363f48; line-height: 30px; padding: 0 15px 0 15px; background: url(../images/i_back.gif) 0 12px no-repeat; }
#main a.logout { float: right; font:11px tahoma; color: #363f48; line-height: 40px; padding: 0 15px 0 15px; background: url(../images/i_logout.gif) 0 17px no-repeat; }
/*menu*/
#main #menu { height: 40px; float: right; width: auto; }
#main #menu ul { margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; height: 40px; line-height: 40px; }
#main #menu ul { display:inline-block; float:left; display:inline; }
#main #menu li { display:inline-block; display:inline; margin:0; padding:0; list-style:none; }
#main #menu ul ul { position:absolute; left:-9999px; }
#main #menu ul.level1 { display:table; margin:0 auto; }
#main #menu ul.level1 li.level1-li { float:left; display:block; position:relative; background: white }
#main #menu b { position:absolute; } /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
#main #menu a { display:block; font:normal 13px "Tahoma"; color:black; line-height:40px; text-decoration:none; padding:0 25px; }
#main #menu a:hover { color:black; text-decoration: underline }
#main #menu ul li ul .m { background:white; border-bottom:1px dotted #dadada; border-left:1px dotted #dadada; border-right:1px dotted #dadada; float: left; position: relative; z-index:9999 }
#main #menu ul.level1 li.level1-li a.level1-a { float:left; }
#main #menu ul li:hover > ul { visibility:visible; left:0; top:40px; }
#main #menu ul ul li:hover > ul { visibility:visible; left:100%; top:auto; margin-top:-40px; }
#main #menu li.left:hover > ul { visibility:visible; left:auto; right:0; top:40px; }
#main #menu li.left ul li:hover > ul { visibility:visible; left:auto; right:100%; top:auto; margin-top:-40px; }
#main #menu a:hover ul { left:0; top:23px; }
#main #menu li.left a:hover ul { left:auto; right:-1px; top:23px; }
#main #menu li.left ul a { text-align:right; }
#main #menu a:hover a:hover ul, #main #menu a:hover a:hover a:hover ul { left:100%; visibility:visible; }
#main #menu li.left a:hover a:hover ul, #main #menu li.left a:hover a:hover a:hover ul { left:auto; right:0; visibility:visible; background: red }
#main #menu a:hover ul ul, #main #menu a:hover a:hover ul ul { left:-9999px; color: #e2b85f }
#main #menu li.left a:hover ul ul, #main #menu li.left a:hover a:hover ul ul { left:-9999px; }
#main #menu table { position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px; }
#main #menu table table { position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px; }
#main #menu li.left table { position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px; }
#main #menu li.left table table { position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px; }
/*lang*/
#main #lang { height: 22px; line-height: 22px; position: relative; z-index: 9999; right:0px; float:right; top:48px; width: auto; list-style:none; list-style-position: outside; margin-left:25px }
#main #lang li a { font:11px tahoma; padding-left: 26px; line-height: 22px; color: #363f48; text-decoration: none; border:none !important }
#main #lang li a:hover { text-decoration:underline }
#main #lang .hide { position: relative; left: -9999px; z-index: 999; width: auto; }
#main #lang:hover > li { position: relative; left: 0; z-index: 999; line-height: 22px; height:22px; width: auto; }
/*navigation*/
#main .navigation { line-height:30px; height:30px; background: url(../images/bgInfo.png) repeat-x; }
#main .navigation span { float: left; padding-left:20px; color: white; font:bold 11px tahoma; color: white; line-height:30px; height:30px; }
#main .navigation span a { font:bold 11px tahoma; color: white; }
#main .navigation span a:hover { text-decoration:none }
/*header-basic*/
#main .headerBasic { height: 100px; background: url(../images/header_basic.png); border-bottom:1px dotted #dadada; }
#main .basicList { line-height: 25px; width: 100% }
#main .basicList table { line-height: 25px; }
#main .basicList thead { font:12px tahoma; color: silver; line-height: 25px; }
#main .basicList tbody { font:12px tahoma; color: #292929; line-height: 25px; }
#main .basicList tbody a { color: blue; }
#main .basicList tbody a:hover { text-decoration:none }
#main .basicList tr:hover { background:#f5f5f5 }
#main .basicList .free { color: green; }
/*header-custom*/
#main .headerCustom { height: 100px; background: url(../images/header_custom.png); border-bottom:1px dotted #dadada; }
#main .customList { line-height: 25px; width: 100% }
#main .customList table { line-height: 25px; }
#main .customList input.sum { border: none; background: transparent; }
#main .customList thead { font:12px tahoma; color: silver; line-height: 25px; }
#main .customList tbody { font:12px tahoma; color: #292929; line-height: 25px; }
#main .customList tbody a { color: blue; }
#main .basicList tbody a:hover { text-decoration:none }
#main .customList tr:hover { background:#f5f5f5 }
/*header-offer*/
#main .headerOffer { height: 150px; background: url(../images/bgSelectOffer.jpg); border-bottom:1px dotted #dadada; }
#main .offerList { line-height: 25px; width: 100% }
#main .offerList table { }
#main .offerList thead { font:12px tahoma; color: silver; }
#main .offerList tr td { border-bottom: 1px dotted #dbdfe3; line-height: 35px; padding-left: 15px }
#main .offerList tr td.align { text-align: center; vertical-align: middle; }
#main .offerList tr:hover { background:#f5f5f5 }
#main .offerList tbody { font:11px tahoma; color: #292929; }
#main .offerList tbody a { color: blue; }
#main .offerList tbody a:hover { text-decoration: none; }
#main .offerBottom { font:11px tahoma; color: #292929; }
#main .offerBottom h5 { font:bold 13px tahoma; color: #e6810f; line-height: 25px; }
#main .offerBottom p { color: #5e6e7b; }
/*prehliadka*/
#main .show { background: url(../images/bgShow.gif) repeat-x; padding: 20px 0 0 0 }
#main .show span { }
#main .show h2 { font:bold 14px Trebuchet MS; color: #292929; }
#main .show h2 em { font-style: normal; color: #fb8d10 }
#main .show small { font:bold 9px arial; color: #8a8a8a; position: relative; top: -5px }
#main .show p, .show ul, .show li { font-size: 11px; line-height: 1.5em; text-align: justify; color: #3d3d3d; }
#main .show p a, #main .show p li a { color: #5e6c79; text-decoration: none; font: 10px Trebuchet MS; }
#main .show p#cross-links { text-align: left; border-bottom: 0px solid #ccc; margin-left: 5px; height: 20px; padding-top: 5px }
#main .show p img { color: #5e6c79; text-align: left; float: left; padding: 5px; border: 0px dotted #cdd2d8; margin: 10px }
#main .show .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
#main .show .slider-wrap { margin: 0px 0; position: relative; width: 100%; background:}
.stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; border-bottom: 1px dotted #d7d7d7; /* this is the border. should have the same value for the links */ margin: auto; width:  945px; /* Also specified in  .stripViewer .panelContainer .panel  below */ height: auto; clear: both; }
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */ position: relative; left: 0; top: 0; width: 845px; list-style-type: none; }
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; width: 945px; /* Also specified in  .stripViewer  above */ }
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 5px; }
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin: auto; float: right; background: url(../images/bgTour.jpg) no-repeat 90px center; width: 500px !important; right: 0; }
.stripNav ul { /* The auto-generated set of links */ list-style: none; float: right; }
.stripNav ul li { float: left; margin-right: 2px; }
.stripNav a { /* The nav links */ font:bold 13px Trebuchet MS; text-align: center; line-height: 40px; color: white; text-decoration: none; display: block; height: 40px; width: 42px; background:  url(../images/bgShowButton.jpg) no-repeat 0 -40px; }
.stripNav li.tab1 a { background: url(../images/bgShowButton.jpg) no-repeat 0 -40px }
.stripNav li.tab2 a { background: url(../images/bgShowButton.jpg) no-repeat 0 -40px }
.stripNav li.tab3 a { background: url(../images/bgShowButton.jpg) no-repeat 0 -40px }
.stripNav li.tab4 a { background: url(../images/bgShowButton.jpg) no-repeat 0 -40px }
.stripNav li.tab5 a { background: url(../images/bgShowButton.jpg) no-repeat 0 -40px }
.stripNav li a:hover { background: url(../images/bgShowButton.jpg) no-repeat 0 0px }
.stripNav li a.current { background: url(../images/bgShowButton.jpg) no-repeat 0 0; color: #fff; }
.stripNavL, .stripNavR { position: absolute; display: none; top:92%; text-indent: -9000em; }
.stripNavL a, .stripNavR a { display: block; height: 40px; width: 40px; }
.stripNavL { background: url("../images/arrow-left.gif") no-repeat 50%; left: 0; }
.stripNavR { right: 0; background: url("../images/arrow-right.gif") no-repeat 50%; }
/*questionnaireInfo*/
#main .questionnaireInfo { padding: 10px;  border-top: 1px dotted silver; height: 170px; background: url(../images/bgQesTop.jpg) repeat-x;   }
/*#main .questionnaireInfo:hover { background:#f3f4f6 }*/
#main .questionnaireInfo h1 a { float:left; font:bold 15px "Trebuchet MS"; color: #184caa; height: 25px; line-height: 25px }
#main .questionnaireInfo h1 a:hover { text-decoration:none }
#main .questionnaireInfo em { color:#3c930a; font-style: normal }
#main .questionnaireInfo bdo { color:red; font-style: normal; }
#main .questionnaireInfo sub { color:red; }
#main .questionnaireInfo sup { height: 25px; line-height: 25px; padding: 0 10px 0 10px; color: #b1b1b1; font-size: 13px }
#main .questionnaireInfo dl { color:red; letter-spacing: 1px; float: left }
#main .questionnaireInfo dfn { color:red; font-style: normal; }
#main .questionnaireInfo dt { color:green;  float:left }

/*
#main .questionnaireInfo .payStat { float: right; display: block; }
#main .questionnaireInfo .payStat dt { color:#3a3a3a; }
#main .questionnaireInfo .payStat dt strong { color:green; padding-left:10px }
#main .questionnaireInfo .payStat dfn { color:#3a3a3a; font-style: normal; }
#main .questionnaireInfo .payStat dfn strong { color:red; padding-left:10px }
*/
#main .questionnaireInfo a { color:#1f45b1 }
#main .questionnaireInfo a.disable { color:#a7a7a7; text-decoration: none; cursor: default }
#main .questionnaireInfo a:hover { text-decoration:none }

#main .questionnaireInfo .queLeft { width: 450px; float: left;  }
#main .questionnaireInfo .queLeft input, select { border-left: 1px solid silver; font:normal 11px "Tahoma"; border-bottom: 1px solid silver; border-top: 1px solid gray; border-right: 1px solid gray; padding: 3px }
#main .questionnaireInfo label { float: left; width: 100px; font-weight: bold; }
#main .questionnaireInfo li { height: 25px; line-height: 25px; font:normal 11px "Tahoma"; color: #3a3a3a; }



#main .questionnaireInfo .queRight { width: 480px; float: left;    }
#main .questionnaireInfo .queRight img { vertical-align: middle; padding: 2px }
#main .questionnaireInfo .queRight input, select { border-left: 1px solid silver; border-bottom: 1px solid silver; border-top: 1px solid gray; border-right: 1px solid gray; padding: 3px }
/*downData*/

#main .downData { height: 40px; line-height: 40px; border-top: 1px dotted silver; width: 950px;  
vertical-align: middle;   clear:both }


#main .downData img { margin: 10px; vertical-align: middle; }
#main .downData a { color: #1f45b1; font:bold 11px "Tahoma"; }
#main .downData a:hover { text-decoration: none; }
#main .downData a.disable { color:#a7a7a7; text-decoration: none; cursor: default }
/*downMenu*/
#main .downMenu { border-top: 1px dotted silver; }
#main .paging { width:auto; font:bold 10px tahoma; color: #5f5f5f; float: left; }
#main .paging p { padding: 15px 0 0 20px; }
#main .paging a { color:#5f5f5f; text-decoration: none; }
#main .paging a:hover { color:#101010; text-decoration: underline; }
#main .buttons { float: right; height: 40px; position: relative; top: 7px }
#main .buttons small { color: #898989; font:normal 11px "Tahoma"; }
/*offer*/
#main .offer { position: relative; height:230px; width:950px; border-bottom:1px solid #cfcfcf }
#main .offer .pack { height:230px; width:720px; background: url(../images/index_offer.png) no-repeat; border-bottom:1px solid #cfcfcf; float: left;}
#main .offer .pack h3{ height: 35px; width: 245px; position: relative; top: 105px; left: 475px; font:normal 10px tahoma; color: gray }
/*
#main .offer .pack .basicTopic { position: absolute; top: 50px; left: 21px }
#main .offer .pack .customTopic { position: absolute; top: 50px; left: 398px }
#main .offer .pack h2 { font:normal 10px "Tahoma"; color: #7e7e7e }
#main .offer .pack .basicTopic ul, .customTopic ul { position: relative; top: 15px; left: 100px }
#main .offer .pack .basicTopic ul li, .customTopic ul li { font:normal 11px "Trebuchet MS"; color: #323232; line-height: 15px; }
#main .offer .pack .basicTopic ul li strong, .customTopic ul li strong { font:bold 12px "Trebuchet MS"; color: #e67e1e; }
#main .offer .pack .basicPrice { position: absolute; top: 175px; left: 230px; }
#main .offer .pack .customPrice { position: absolute; top: 175px; left: 590px; }
#main .offer .pack .basicPrice span, .customPrice span { display: none }
#main .offer .pack .basicPrice h3 a { display: block; background:url(../images/basicPrice.png) no-repeat; width: 130px; height: 51px; cursor: pointer; }
#main .offer .pack .customPrice h3 a { display: block; background: url(../images/customPrice.png) no-repeat; width: 130px; height: 51px; cursor: pointer; }
#main .offer .pack .service { float: left; background:transparent; width: 18px; height: 18px; margin: 3px; }
#main .offer .pack .serviceBasic { float: left; width: 125px; position: relative; top: 187px; left: 19px; }
#main .offer .pack .serviceBasic .service a { text-decoration: none }
#main .offer .pack .serviceBasic .service h1 {
background:; height: 18px; width: 18px; text-decoration: none; font-size: 0em; color: #ededed }
*/
#main .offer .pack .serviceCustom { float: left; width: 250px; position: absolute; top: 200px; left: 470px;  }
#main .offer .pack .service { float: left; background:transparent; width: 18px; height: 18px; margin: 3px; border: 1px solid transparent  }
#main .offer .pack .serviceCustom .service a { text-decoration: none }
#main .offer .pack .serviceCustom .service h1 { height: 18px; width: 18px; text-decoration: none; font-size: 0em; color: #ededed }
#main .offer .pack .run {   width: 175px; line-height: 45px; position: absolute; top: 152px; left: 477px;  background: red;    } 
#main .offer .pack .run h1 {    position: absolute;   text-align: center; width: 175px;  font:bold 17px "Trebuchet MS"; color: white; line-height: 45px;} 
#main .offer .pack .run h5 {    position: absolute; text-align: center; width: 175px;   font:bold 17px "Trebuchet MS";   line-height: 45px; 
margin-top: -1px; color: #a8760d;} 
#main .offer .pack .run:hover>h1{  color: #fdf4df;    } 
/*widget*/
.widget { color: #767676; font: 11px "tahoma"; }/*ul.formN - formular foramt*/
.widget ul.formN          		  /*form*/ { float: left; position:relative;/*-*/ }
.widget ul.formN input, option/*format*/ { vertical-align: middle;/*-*/ font:normal 11px "tahoma"; color: black; }
.widget ul li.formNname			    /*name*/ { float:;/*-*/ font-weight: bold; color: black; padding: 0; margin: 0; border-bottom:1px dotted silver; }
.widget ul.formN li  			      /*line*/ { line-height:28px;/*-*/ }
.widget ul.formN li ins   			 /*txt*/ { float: left; clear:both;/*-*/ width: 150px; }
.widget ul.formN li span 		   /*value*/ { float: left;/*-*/ }
.widget .options { padding-right:15px; }
.widget .style { left:15px; width:450px; height: 115px; }
.widget .style img { vertical-align: middle; }
.widget .generate { }
/*respondent*/
.respondent {  font:13px "Trebuchet MS"; color: #565656; float:left}
.respondent a { font-size: 11px; color: #F4400B; }
.respondent a:hover { text-decoration:none }
.activ { padding:20px 10px 20px 10px; border-bottom:1px dotted #EBEBEB; float:left;   }
.activ .info li { display:table-cell; }
.activ small { font-size: 11px; color:#666666 }
.activ a:hover, .news a:hover { text-decoration:none }
.news { margin:10px; width:300px; float:left; }
.news ul { border-top:1px dotted silver; line-height:15px; padding-top:5px }
.news ul .date { font-size:10px; width:30px; float:left; text-align:left; line-height:15px }
.neweDot { margin:10px 10px 10px 50px; width:570px; float:left; }
.neweDot ul { border-top:1px dotted silver; padding-top:5px }
.neweDot ul li { line-height:23px; border-bottom:1px dotted #E8E8E8; padding-left:10px }
.neweDot ul li:hover { background: #FFF5F0 }
.neweDot ul .price { color: #565656; float:right; font-weight:bold; margin-right:10px }


.payResp  { margin:10px;     }
.respondent ul.formNpayResp          		   /*form*/ { float: left; position:relative;/*-*/}
.respondent ul.formNpayResp input, option/*format*/ { vertical-align: middle;/*-*/ font:bold 12px "tahoma"; color: black;  }
.respondent ul li.formNpayResp_Name	  /*name form*/ { float:;/*-*/ font-weight: bold; color: #555; line-height:25px !important; margin:5px 0 5px 0;
                                                      border-bottom:1px dotted silver; font-size:12px; background: rgb(240,240,240); 
                                                      -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;-webkit-border-top-left-radius:5px;
                                                      -webkit-border-top-right-radius:5px; }
.respondent ul.formNpayResp li  			     /*line*/ { line-height:26px;/*-*/ padding: 0 0 0 10px; }
.respondent ul.formNpayResp li ins   		    /*txt*/ { float: left; clear:both;/*-*/ width: 150px; }
.respondent ul.formNpayResp li span 		  /*value*/ { float: left;/*-*/ }
.respondent .options               /*option forms*/ { padding:0 30px 20px 0;  background:; font:11px "Trebuchet MS"; color: #565656;  width:430px; }
.payStat  { text-align:left;    }
.payStat th { font-weight:normal; color:silver; padding-left:5px  }
.payStat tr td {  padding-left:5px  }



/*select_login_user*/
#main .select { position: relative; height:300px; width:950px; background: url(../images/bgSelect.png); border-bottom:1px solid #cfcfcf; }
#main .select .basicTopic { position: absolute; top: 80px; left: 32px }
#main .select .basicTopic h2, .customTopic h2 { font:normal 13px "Trebuchet MS"; color: #7e7e7e }
#main .select .customTopic { position: absolute; top: 80px; left: 419px }
#main .select .basic { width: 300px; position: relative; top: 115px; left: 140px; float: left }
#main .select .basic li { font:normal 10px "tahoma"; color: #7e7e7e; background:;
border-bottom:0px solid #cfcfcf; line-height: 26px; height: 26px; }
#main .select .custom { width: 300px; position: relative; top: 115px; left: 225px; float: left }
#main .select .custom li { font:normal 10px "tahoma"; color: #7e7e7e; background:;
border-bottom:0px solid #cfcfcf; line-height: 26px; height: 26px; }
#main .select .custom2 { width: 160px; position: relative; top: 115px; left: 180px; float: left }
#main .select .custom2 li { font:normal 10px "tahoma"; color: #7e7e7e; line-height: 26px; height: 26px; }
#main .select .custom2 li small { font:normal 9px "tahoma"; color: #a5a5a5 }
#main .select .bas { position: absolute; top: 260px; width: 130px; left: /*108px*/230px }
#main .select .cust { position: absolute; top: 260px; width: 130px; left: 795px; }


/*create answer 3.step*/
#main .createStep{ position:relative;float:left;}
#main .createStep ul{position:relative; height:40px;}
#main .createStep ul li{display:inline; float:left;  }
#main .createStep ul li img{ vertical-align:middle; margin-right:10px }
#main .createStep ul li a { font:bold 12px "tahoma"; color: rgb(90,90,90);   }
#main .createStep ul li a:hover {  color: black; text-decoration:none  }
#main .createStep ul li span {background: #E6A20F; float:left; padding-right:10px;  font:bold 13px "tahoma"; color: white;   }
#main .createStep ul li.selectStep {  }
#main .lineIn {height:40px; border-bottom:1px dotted silver;}


/*answer define*/

 
#main .create .dataTable   {width:100%; text-align:left;  }
#main .create .dataTable td {border-bottom:1px dotted #b7b7b7; vertical-align:middle }
#main .create .dataTable tr:hover {background: #FFF2F2; cursor:move; border-color:#b7b7b7 }
#main .create .dataTable tr { line-height:45px; height:45px; }
                                                                                 
#main .create .dataTable tr input[type=text] { width:500px}
#main .create .dataTable tr input:focus {background: white; border-color:#FF4000}
#main .create .dataTable td.name {width:700px}
#main .create .dataTable td.file {width:330px}
#main .create .dataTable td.delAnsw {text-align:right; padding-right:20px}
#main .create .dataTable .textTitle {  border:1px solid #b7b7b7; width:200px; line-height:20px; }
                   
 


#main .create { position: relative; width:950px; display: block; background:white}
#main .create .step:hover {border:1px dotted red; background: #FFF2F2;  }
#main .create .step { width:950px; font: 13px "tahoma"; color: #565656; background: #f2f2f2; border-bottom:1px solid #cfcfcf; margin: 5px 0 5px 0; height: 40px; line-height: 40px; cursor:move; border-top:1px dotted #F2F2F2; border-left:1px dotted #F2F2F2; border-right:1px dotted #F2F2F2}
#main .create .step p { float: left; width: 900px; font-weight: bold }
#main .create .step img { vertical-align: middle; margin : 10px; float: left; }
#main .create .step em a { font-weight: bold; float: right; font-style: normal; padding-right: 5px; }
#main .create .step a { font-weight: bold; float: left }
#main .create .step a:hover { text-decoration:underline; color: black }
#main .create .createTab { font: 11px "tahoma"; color: #565656; position: relative; z-index: 10; border-bottom:1px dotted silver; margin-bottom:25px; }  

  
#main .create .createTab:hover { /*border:1px dotted red;*/  }
#main .create .createTab a { font: 11px "tahoma"; color: blue; text-align: right; text-decoration: underline; cursor: pointer; }
#main .create .createTab a:hover { text-decoration:none; cursor: pointer; }
#main .create .createTab tr td { height: 30px; line-height: 30px; padding: 0 5px 0 5px }
#main .create .createTab tr td img { vertical-align: middle;   /*margin:7px */ }
#main .create .createTab tr td small { font-size:10px }
#main .create .createTab td:hover { /*background:url(../images/bgTd.gif) no-repeat center bottom !important;*/ /*background:#FEFBED!important*/ }
#main .create .createTab td { margin: 2px; padding: 2px; border-top:1px dotted #b7b7b7; }
#main .create .createTab .in td { border: none !important; background: none !important }
#main .create .createTab .selectBar { font: 12px "tahoma"; color: #565656; position: relative; height: 100px; background: #fbfbfb; margin: 3px 0 3px 0; overflow-y:scroll !important; border-left: 1px solid silver; border-bottom: 1px solid silver; border-top: 1px solid gray; border-right: 1px solid gray; padding: 3px }
#main .create .createTab .selectBar li { height: 20px; line-height: 20px; padding: 2px }
#main .create .createTab .selectBar li:hover { background:#ececec }
#main .create .createTab .selectBar li .inp { margin: 0 3px 0 3px }
#main .create .createTab .selectBar li input { border:none }
#main .create .createTab .selectAnswer { font: 12px "tahoma"; color: #565656; position: relative; /*background: #fbfbfb;*/ margin: 3px 0 3px 0; /*overflow-y:scroll !important;  border-left: 1px solid silver; border-bottom: 1px solid silver; border-top: 1px solid silver; border-right: 1px solid gray; */ padding: 3px; z-index:60 }
#main .create .createTab .selectAnswer li { height: 20px; line-height: 20px; padding: 2px }
#main .create .createTab .selectAnswer li:hover { background:#ececec }
#main .create .createTab .selectAnswer li .inp { margin: 0 3px 0 3px }
#main .create .createTab .selectAnswer li input { border:none }
#main .create .createTab .selectAnswer li .answType a { font:bold 12px "tahoma"; color: #565656; }
 
#main .create .createTab .matrix { }
#main .create .createTab .matrix td input { width: 90px !important }
#main .create .createTab .matrix td input.answMatrix { width: 192px !important }
#main .create .createTab .buttAddReomve { font:bold 10px "tahoma"; cursor: pointer; }




/*answType*/ 
#main .create .createTab input[type=text] { margin-bottom:5px; color:red; background:#FFFBF1}
#main .create .createTab input[type=text]:focus {background: white; border-color:#FF4000}     
#main .create .createTab .answType { margin:0; float: left; width:100%;   }
#main .create .createTab .answType table{  background: ; position:relative; z-index:50 }
#main .create .createTab .answType table tr td { border: none !important; }
#main .create .createTab .answType input[type=text]/* { color:red; padding:8px; font-weight:bold; width: 840px; margin: 2px 0 2px 0 } */
#main .create .createTab .answType input[type=checkbox] { border:none; }
#main .create .createTab .answType .buttons { margin: 6px 0 6px 0; float:left;}
#main .create .createTab .answType .delAnsw { background:url(../images/del.png) no-repeat 50% 50%; border:none; 
height: 30px; width: 23px; cursor: pointer; font-size:0px; font-size:1%;   }

 


/*SendToEmail*/
#main .create .createTab .email { padding: 10px 0 10px 0; border: none !important }
#main .create .createTab .email table td { border-width: 0px !important; }
#main .create .createTab .email input[type=text] { padding:2px; padding:8px; font-weight:bold; width: 300px; color:#1449a7 }
/*tabs*/
#main .simpleTabsContent .create .createTab .result { border-width: 0px !important; border-top:0px !important; }
#main .simpleTabsContent .create .createTab table.resul:hover { background: none !important; }
#main .simpleTabsContent .create .createTab .result td:hover { background: none !important; }
#main .simpleTabsContent .create .createTab .result tr:hover { background: #f4f4f4 !important; }
#main .simpleTabsContent .create .createTab .result thead { border-bottom: 1px dotted silver; }
#main .simpleTabsContent .create .createTab .result thead td { border-right: 1px dotted silver; border-top:0px !important }
#main .simpleTabsContent .create .createTab .result tbody { border: 0px !important; }
#main .simpleTabsContent .create .createTab .result tbody tr td { border-width: 0px !important; line-height: 20px; height: 20px; vertical-align: middle }
#main .simpleTabsContent .create .createTab .result tbody tr td.cell_1 { border-right: 1px dotted silver !important; color: black; }
#main .simpleTabsContent .create .createTab .result tbody tr td.cell_2 { border-right: 1px dotted silver !important; color: black }
#main .simpleTabsContent .create .createTab .result tbody tr td.cell_3 { border-right: 1px dotted silver !important; color: black; }
#main .simpleTabsContent .create .createTab .pay { border-width: 0px !important; border-top:0px !important; }
#main .simpleTabsContent .create .createTab table.pay:hover { background: none !important; }
#main .simpleTabsContent .create .createTab .pay td:hover { background: none !important; }
#main .simpleTabsContent .create .createTab .pay tr:hover { background: #f4f4f4 !important; }
#main .simpleTabsContent .create .createTab .pay thead { border-bottom: 1px dotted silver; }
#main .simpleTabsContent .create .createTab .pay thead td { border-right: 1px dotted silver; border-top:0px !important }
#main .simpleTabsContent .create .createTab .pay tbody { border: 0px !important; }
#main .simpleTabsContent .create .createTab .pay tbody tr td { border-width: 0px !important; line-height: 20px; height: 20px; vertical-align: middle }
#main .simpleTabsContent .create .createTab .pay tr td.sum { color: red; font:bold 130% tahoma; line-height: 40px; background: none }
.info { border-width: 0px !important; border-top:0px !important; }
/*.info strong {color: #e6a20f; font: 18px "Trebuchet MS" ;   } - delete*/
.info tbody tr td { border-width: 0px !important; line-height: 20px !important; vertical-align: middle; background: none !important; }
#main .create .createTab .info td { background:white !important; padding: 10px }
/*login*/
#main .offer .member { height:230px; width:229px; background: url(../images/bgMember.png) no-repeat; border-bottom:1px solid #cfcfcf; border-left:1px dotted #cfcfcf; float: left; position: relative; }
#main .offer .member .new { position: relative; top: 15px; left: 25px; float: left; }
#main .offer .member a.new { font:normal 11px "tahoma"; color: #ababab; text-decoration: none; }
#main .offer .member a.new:hover { color: #7e7e7e }
#main .offer .member .user { position: relative; top: 15px; left: 68px; float: left; }
#main .offer .member a.user { font:normal 11px "tahoma"; color: #ff7b00; text-decoration: none; }
#main .offer .member a.user:hover { color: #ab610e }
#main .offer .member input { position: relative; width: 126px; padding:4px; border:none; float: left; }
#main .offer .member input.name { top: 72px; left: 63px; }
#main .offer .member input.password { top: 87px; left: 63px; }
#main .offer .member .lostPass { position: absolute; top: 188px; left: 75px; float: left; }
#main .offer .member a.lostPass { font:normal 11px "tahoma"; color: #ff7b00; text-decoration: underline; }
#main .offer .member a.lostPass:hover { text-decoration: none; }
#main .offer .member .login { position: absolute; top: 181px; left: 155px; float: left; width: 70px; height: 26px; background: url(../images/but_small.gif) no-repeat; }
/*contact*/
#main .contact { float: left; }
#main .contact p { padding: 15px; font:11px tahoma; width: 300px; float: left; position: relative; }
#main .contact p span { color: #595959; }
#main .contact .mail { color: #d49a0f; }
/*contact*/
#main .formular { position: relative; width: auto; float: left; }
#main .formular ul { list-style: disc inside; padding: 5px; line-height: 20px; }
#main .formular ul li { display:block; list-style: none; color: #444444; font:normal 10px tahoma; line-height: 25px; margin-top:5px }
#main .formular ul li .button { font: 12px tahoma; color: white; font-weight:bold; }
#main .formular ul li label { display:block; float: left; width: 100px !important; line-height: 25px; clear: both; font: 11px tahoma; }
/*add respondent*/
#main .respondentForm { position: relative; width: auto; float: left; padding: 15px 0 0 20px; }
#main .respondentForm ul { list-style: disc inside; padding: 5px; line-height: 20px; }
#main .respondentForm ul li { display:block; list-style: none; color: #444444; font:normal 10px tahoma; line-height: 25px; margin-top:5px }
#main .respondentForm ul li .button { font: 12px tahoma; color: white; font-weight:bold; }
#main .respondentForm ul li label { display:block; float: left; width: 180px !important; line-height: 25px; clear: both; font: 11px tahoma; }
/*info box*/
#main .box1 { width: 360px; height: 200px; background: url(../images/bgQes.gif) no-repeat #f6f6f6 193px 100px; position: relative; float: left; }
#main .box1 .topic { width: 360px; height: 45px; background:  url(../images/bgInfo.png); }
#main .box1 .topic h2 { width: 150px; position: relative; top: 8px; left: 23px; font:bold 13px "Trebuchet MS"; color: white; }
#main .box1 ul { list-style: square; top: 5px; position: relative; left: 15px; width: 340px; color: #c78b0e; margin-left:20px }
#main .box1 ul li { font:11px tahoma; padding: 6px; line-height: 6px; }
#main .box1 ul li a, small a { color: #c78b0e; }
#main .box1 ul li a:hover, small a:hover { text-decoration:none }
#main .box2 { width: 360px; height: 200px; background:  repeat-x #f6f6f6; position: relative; float: left; }
#main .box2 h2 { width: 150px; position: relative; top: 8px; left: 23px; font:bold 13px "Trebuchet MS"; color: white; }
#main .box2 .topic { width: 360px; height: 45px; background:  url(../images/bgInfo.png); }
#main .box2 .topic h2 { width: 200px; position: relative; top: 8px; left: 38px; font:bold 13px "Trebuchet MS"; color: white; }
#main .box2 small { color: #969696; font:normal 11px "tahoma"; width: 300px; float: left; position: relative; left: 50px; }
#main .box3 { width: 230px; height: 200px; background: #f6f6f6; position: relative; float: left; }
#main .box3 .topic { width: 230px; height: 45px; background:  url(../images/bgInfo.png) repeat-x; }
#main .box3 .topic h2 { width: 150px; position: relative; top: 8px; left: 23px; font:bold 13px "Trebuchet MS"; color: white; }
#main .box3 .topic .logoClient { text-align: center; }
#main .box3 .topic .logoClient img { width: 80px; height: 70px; top: 30px; position: relative; background: none; border: 1px solid white; }
/*down shape*/
#main .boxDown { width: 950px; height: 26px; background: url(../images/bgDown.png) 0 0; float: left }/*
#main .leftDown { background: url(../images/leftDown.png) red; position: relative; z-index: 1000; top: 545px; left: -5px; width: 5px; height: 26px   }
#main .rightDown { background: url(../images/rightDown.png) green; position: relative; z-index:1000 ; top: 545px; left: 950px; width: 5px; height: 26px  }*/
#main .leftDown { background:url(../images/leftDown.png); position: relative; width: 15px; height: 15px; float: left; left: -5px; width: 5px; height: 26px; top:-16px }
#main .rightDown { background: url(../images/rightDown.png); position: relative; width: 15px; height: 15px; float: right; width: 5px; height: 26px; left: 5px; top:-16px }
/*footer*/
#main .footer { width:950px; height: 100px; float: left; }
#main .footer .paySystem { width:445px; height: 32px; float: left }
#main .footer .map { width:505px; height: 32px; float: left }
#main .footer .map a { color:#363f48; text-decoration: none; }
#main .footer a:hover { text-decoration: underline; }
#main .footer .map ul { float: left; list-style: none; display: block }
#main .footer .map ul li { color: #36240e; font:11px tahoma; float: left; line-height: 32px }
#main .footer .map .siteMap { width:px; background: url(../images/siteMap.png) no-repeat 0 0; float: left; padding: 0 20px 0 20px; }
#main .footer .map .contact { width:px; background: url(../images/mobil.gif) no-repeat 0 0; float: left; padding: 0 20px 0 20px; }
#main .footer .map .mail { width:px; background: url(../images/mail.gif) no-repeat 0 0; float: left; padding: 0 20px 0 20px; }
#main .footer .copyright { float: left; display: block; width: 950px; margin-top:15px }
#main .footer .copyright ul li { float: left; margin-right: 15px; }
#main .footer .copyright ul li h1 { color: #be6b0e; font:bold 11px "tahoma"; }
#main .footer .copyright ul li h2 a { color: #363f48; font:normal 11px "tahoma"; text-decoration: none; }
#main .footer .copyright ul li h2 a:hover { text-decoration: underline; }
#main #logo_author { width:64px; font: 10px tahoma; color: black; position: relative; display: inline; float: right; margin: 0 16px 0 0 }
#main #logo_author p { margin: 2px 0 0 0; float: left; text-align: right; color: #606060; }
#main #logo_author a.logo { background:url(../images/logo_nolimit.gif) no-repeat 0 0; width:33px; height:17px; position: absolute; text-decoration: none; left: 50px; }
#main #logo_author a.logo:hover { background-position:0px -17px; }
#main #logo_author .logo span { visibility: hidden; }

/*support chat*/
#main .footer .supportChat { position: fixed; height:40px; width:145px; z-index: 10; bottom:0; right:0 }
#main .footer .supportChat span { display:none }

/*statistics*/
.statistics { display:none; clear: both; }