
/*Deafult CSS
------------------------------------------
*/
body{background: #e1e9F4 ;padding:0 0 0 0;margin:0 0 0 0;font: normal 62.5% Verdana;color: #444; }

input, select, textarea{font: normal Verdana;color: #444;}

img{border:0 }


h1 {font: normal 1.8em Verdana;}
h2 {font: bold 1.4em Verdana;}
h3 {font: bold 1em Verdana;}

A {color:#a52e13;text-decoration:underline}
A:visited {color:#a52e13}
A:hover{color: #ff0000;text-decoration:underline}
A:active{background:#Abb6b8}


#container{width:870px;margin:0 auto;border:0px solid black;overflow:hidden}

#leftColumn{width:168px;border:0px solid black;float:left;background:url(../img/leftcolumn.jpg) no-repeat;}
#smallLogo{width:152px;height:20px;border:0px solid black;float:left;margin:10px 0 0 4px;background:url(/assets/images/logo_ieee_152px.jpg) no-repeat;}

#rightColumn{border:0px solid black;float:left;width:701px;}

#banner{width:702px;height:65px;background:url(../img/banner.jpg) no-repeat #b6c6df; }

#contentHeader{width:702px;height:40px;background:url(../img/contentheader.jpg) no-repeat #fff;border-bottom:0px solid black;padding:0 0 0 0;margin:0 0 0 0;}

#contentHeader .pageTitle h1{color:#186203;padding:3px 0 0 15px;margin-top:0px;border:0px solid black}
#contentHeader .pageTitle {margin-top:0px;padding:0 0 0 0;float:left;}

#contentHeader .subMenu {margin:0 25px 0 0;padding:0 0 0 0;float:right;}

#contentHeader .subMenu .lBorder{height:25px; width:11px;background: url(../img/submenuleft.jpg) no-repeat #d0d0ce;float:left;}
#contentHeader .subMenu .rBorder{height:25px; width:11px;background: url(../img/submenuright.jpg) no-repeat #d0d0ce;float:left;}
#contentHeader .subMenu .subMenuContent{height:25px; background: url(../img/submenu.jpg) repeat-x #d0d0ce;float:left;}

.subMenuContent ul{list-style:none; padding:7px 0 0 0; margin: 0 0 0 0;}
.subMenuContent ul li{float:left;}
.subMenuContent ul li a {color:#7f4838;text-decoration:none;font-size:10px;padding:0 0 0 14px;}
.subMenuContent ul li a:active {background:#d0d0ce;}
.subMenuContent ul li a:visited {color:#7f4838}
.subMenuContent ul li a:hover {color:#ff0000;text-decoration:underline}
/*Page Content
------------------------------------*/

#pageContent{line-height:1.4em ;font-size: 1.1em;background:url(../img/content.jpg) repeat-y #fefefd;overflow:hidden;padding:1px 15px 10px 15px; margin: 0 0 0 0; border-top:0px solid #fff}

#pageContent ul{list-style: none;}
#pageContent li {margin-left: 18px;}
.content ul ul li {margin-left: 18px;}

.content ul{margin-left:30px;}

/*Footer
------------------------------------*/

#contentFooter{width:702px;height:30px;background:url(../img/contentfooter.jpg) no-repeat #ffffff;}

/*NAVIGATION---------------------------
*/

#navigation{border:0px solid black;margin:47px 0 0 0; }

#navigation .borderTop{height:11px;background:url(../img/menutopborder.jpg) #Abb6b8 no-repeat; }
#navigation .borderBottom{height:12px;background:url(../img/menubottomborder.jpg) #e1e9F4 no-repeat;}
#navigation .box{background:#Abb6b8;border:0px solid black}

#navigation .logo{background:#Abb6b8;text-align:center}
#navigation h2{font-size:14px; color:#fff;text-align:center}

#navigation .menuContent ul{list-style:disc; padding:0 0 0 0; margin: 0 7px 0 7px;}
#navigation .menuContent ul li{border:#Abb6b8 solid 1px; margin:0 0 0 0;
								padding:1px 0 0 0;text-align:left;font-size:1em}
#navigation .menuContent ul li a{text-decoration:none;display:block;padding:2px 9px 2px 9px;margin:0 0 0 0;font-weight:bold}
#navigation .menuContent ul li a:visited{text-decoration:none}
#navigation .menuContent ul li a:hover{text-decoration:underline}

#navigation .menuContent ul ul{margin: 0 0 0 0;display:none;list-style:circle}

#navigation .menuContent ul ul li a{margin: 0 0 0 0;font-weight:normal;padding:2px 9px 2px 18px;}

#navigation .menuContent .active ul{display:block;}


/*specyfic colors*/


/*
#navigation .menuContent ul li.menu2 A{color:#302d04;background:#f6f2cf;}
#navigation .menuContent ul li.menu2 A:hover{background:#ffe074}
#navigation .menuContent ul li.menu2 A:visited{color:#302d04;}

#navigation .menuContent ul li.menu3 A{color:#302d04;background:#fff0ab;}
#navigation .menuContent ul li.menu3 A:hover{background:#ffe232}
#navigation .menuContent ul li.menu3 A:visited{color:#302d04;}*/



/*
#navigation .menuContent ul li.menu1 A{color:#1a6103;background:#dce6c1;}
#navigation .menuContent ul li.menu1 A:hover{background:#c1db7a}
#navigation .menuContent ul li.menu1 A:visited{color:#1a6103;}


#navigation .menuContent ul li.menu2 A{color:#1a6103;background:#dce6c1;}
#navigation .menuContent ul li.menu2 A:hover{background:#c1db7a}
#navigation .menuContent ul li.menu2 A:visited{color:#1a6103;}

#navigation .menuContent ul li.menu3 A{color:#1a6103;background:#dce6c1;}
#navigation .menuContent ul li.menu3 A:hover{background:#c1db7a}
#navigation .menuContent ul li.menu3 A:visited{color:#1a6103;}
*/



/*
#navigation .menuContent ul li.menu4 A{color:#302d04;background:#eae2bd;}
#navigation .menuContent ul li.menu4 A:hover{background:#cac196}
#navigation .menuContent ul li.menu4 A:visited{color:#302d04;}

#navigation .menuContent ul li.menu5 A{color:#302d04;background:#e9d5bc;}
#navigation .menuContent ul li.menu5 A:hover{background:#f7c17b}
#navigation .menuContent ul li.menu5 A:visited{color:#302d04;}
*/



/*
#navigation .menuContent ul li.menu4 A{color:#302d04;background:#f6f2cf;}
#navigation .menuContent ul li.menu4 A:hover{background:#ffe274}
#navigation .menuContent ul li.menu4 A:visited{color:#302d04;}

#navigation .menuContent ul li.menu5 A{color:#302d04;background:#f6f2cf;}
#navigation .menuContent ul li.menu5 A:hover{background:#ffe274}
#navigation .menuContent ul li.menu5 A:visited{color:#302d04;}
*/



/*
#navigation .menuContent ul li.menu6 A{color:#302d04;background:#ffd9ac;}
#navigation .menuContent ul li.menu6 A:hover{background:#fda946}
#navigation .menuContent ul li.menu6 A:visited{color:#302d04;}

#navigation .menuContent ul li.menu7 A{color:#302d04;background:#ffcbac;}
#navigation .menuContent ul li.menu7 A:hover{background:#ff8216}
#navigation .menuContent ul li.menu7 A:visited{color:#302d04;}
*/



#navigation .menuContent ul li A{color:#302d04;background:#dce6c1;}
#navigation .menuContent ul li A:hover{background:#c1db7a}
#navigation .menuContent ul li A:visited{color:#302d04;}
.hidden{display:none}
/*background:#848d8e;*/
#navigation .menuContent ul li li A{color:black;background:#fff0ab;}
#navigation .menuContent ul li li A:visited{color:black}
#navigation .menuContent ul li li A:hover{color:#fff;background:#848d8e;font-weight:bold;text-decoration:underline}


#navigation .menuContent ul li li.active A{color:black;background:#fff0ab;font-weight: bold;}
#navigation .menuContent ul li li.active A:visited{color:black}
#navigation .menuContent ul li li.active A:hover{color:#fff;background:#848d8e;font-weight:bold;text-decoration:underline}


.flags{
	margin: 0 10px 0 10px;
	padding: 10px 0 10px 0;
}

.flags A {
	margin: 0 5px 0 0;
}
/*SAVE
----------------------------------------------------*/


/*Modules 

------------------------------------------*/

.modulNavigation{padding:5px 0 0 3px;}
.modulNavigation A{border-top: solid 1px #c0c0be;border-right: solid 1px #c0c0be;border-left: solid 1px #c0c0be;padding:3px 5px 0 5px;background:#dce6c1;}
.modulNavigation A:hover{background:#acbf70;}
.modulNavigation A:active{background:#Abb6b8}

.modulBreadCrumb{padding:0 0 13px 10px; border:0px solid black;font-size: 1.2em;font-weight:bold}

/*Grid
------------------------------------*/
.grid {width:100%}
.grid table{border:1px solid #c0c0be;width:100%}
.gridPager {border:1px solid #c0c0be;padding:0 0 0 0 }
.grid{border:1px solid #c0c0be}
.gridHeader{background:#dce6c1;padding:3px 3px 3px 3px;font-weight:bold;color:#1a6103;}

.gridItem{padding:3px 3px 3px 3px;background:#ffffff;}
.gridAltItem{padding:3px 3px 3px 3px;background:#eff2e6;}


/*Report
------------------------------------*/

.reportTable {border:1px solid #c0c0be;width:100%}

.reportTable th{padding: 3px 10px 3px 10px; font-weight:bold;text-align:right;width:20%}
.reportTable td{padding: 3px 10px 3px 10px; font-weight:normal;text-align:left;}

.reportTable thead td, .reportTitleTable td, .reportTitleTable th{background:#cdd8a6;color:#1a6103;font-size:14px; font-weight:bold;text-align:left}

.reportRow{background:#fff}

.reportAltRow{background:#eff2e6;}

.reportAltRow th{background:#dce6c1}
.reportRow th{background:#dce6c1}

.reportTable .button{background:#cdd8a6;color:#1a6103;font-weight:bold;border-right:2px solid #c0c0be;border-bottom:2px solid #c0c0be}

/*List
-----------------------------------*/

.listRow{background:#ffffff;padding:0 10px 0 10px}
.listRow h3, .listAltRow h3{font-size:14px;}
.listRow .content{font-style: italic;}
.listRow .footer{text-align:right;}
.listRow .author{font-weight:bold;}


.listAltRow{padding:0 10px 0 10px}
.listAltRow .content{font-style: italic;}
.listAltRow .footer{text-align:right;}
.listAltRow .author{font-weight:bold;}

#pagination{text-align:right;padding:0 20px 0 0;background:#fff}
#ditto_currentpage{font-weight:bold}

/*Form
------------------------------------*/

fieldset{border:0}

/*
* FAQ styleSheets
*
*
*
*/

.FAQRow{padding: 10px 10px 10px 10px; border:1px solid black}

.FAQquestion{padding:10px 0 0 0; font-weight:bold}

.FAQanswer{}

.errorMsg{color:red;}

/*
*  Survey Styles
*/
.hidden{display:none;}
.shown{display:inline;}

.selected {background-color: #d1d1d1;font-weight:bold;}
.surveyForm input{border:none;clear:left;padding-bottom:0px;text-align:left;display: inline;margin-top:3px;}

.surveyForm label{border:none;clear:left;padding-bottom:0px;text-align:left;display: inline;margin-top:3px;width:20px;float: none;}
.surveyForm  ul li {padding: 3px 0 3px 0}

.surveyLabel{font-weight:bold;}
.surveyText{padding: 0 0 10px 0;}
.surveyTitle{font-size:1.3em;font-weight:bold; padding:0 0 0 0;}
.surveyPageNumber{margin:0 0 10px 0; padding: 0 0 0 0; font-size: smaller; text-align: right;}
.surveyQuestion{padding:0 0 0 0; display: block; width: 100%; text-align: left; float:none;}
.surveyStatistics{float:none; display: block; margin: 0 0 10px 0}

.surveyAnswer{padding:15px 15px 15px 15px;background:#fff;}
.surveyAltAnswer{padding:15px 15px 15px 15px;background:#eff2e6;}

.answersList{list-style:disc}
.answersList li{list-style:disc}

.selectedOption{font-weight:bold}

.commentContainer{padding: 5px 0 20px 0}
.surveyBlock {margin: 10px 0 10px 0}


.optionScore_1{color: #E82806;}
.optionScore_2{color: #FC8D7A;}
.optionScore_3{color: #5199E1;}
.optionScore_4{color: #93DD88;}
.optionScore_5{color: #369229;}

.answredQuestion .score_1{color: #E82806; }
.answredQuestion .score_2{color: #FC8D7A;}
.answredQuestion .score_3{color: #5199E1;}
.answredQuestion .score_4{color: #93DD88;}
.answredQuestion .score_5{color: #369229;}

/*
* Questions And Answers Styles
*/
.editField{width: 100%;}
.texareaField{width: 100%;}

.editLeft{width: 359px}
.selectRight{width: 135px}

/*
*  Survey Styles
*/
.selected {background: silver;}
.qaForm{ border:none;clear:left;padding-bottom:0px;	text-align:left;display: inline;margin-top:3px;}
 
.qaForm label{border:none;clear:left;padding-bottom:0px;text-align:left;display: inline;margin-top:3px;	width:20px;	float: none;}

.showElement{display: block;}
.hideElement{display: none;}

/*TABS
-----------------------------------------*/


.dynamic-tab-pane-control.tab-pane {position: relative;	width: 100%;}

.dynamic-tab-pane-control .tab-row .tab {display:inline;margin:1px 2px 1px 2px;float:left;padding:3px 6px 0 6px;background:#dce6c1;
										border:1px solid;border-color:#c0c0be;	border:	1px 1px 0 1px;z-index:1;
										position:relative;top:0;}

.dynamic-tab-pane-control .tab-row .tab.selected {border:1px solid #c0c0be;border-bottom:0;z-index:3;
												padding:3px 6px 0 6px;margin:1px 2px 1px 2px;top:0;
												background:#c1db7a;}

.dynamic-tab-pane-control .tab-row .tab a {font-weight:normal;text-decoration:none;font-size:11px}

.dynamic-tab-pane-control .tab-row .tab_Osoba_2 a{color:red;background:black;}
.dynamic-tab-pane-control .tab-row .hover a {color:	#ff0000;}
.dynamic-tab-pane-control .tab-row .tab.selected a {font-weight:bold;}

#tab_Osoba_2{background:#232323;}

.dynamic-tab-pane-control .tab-page {clear:both;border:1px solid #c0c0be;background:#fff;
										z-index:2;position:relative;top:-2px;padding:10px;}

.dynamic-tab-pane-control .tab-row {z-index:1;white-space:nowrap;height:1.85em;width:100%;}

/*CHARTS
------------------------------*/

.chart {background: white;color: black;overflow: hidden;position: relative;margin: 0 auto;}
.chart .legend {float: left;border: 1px solid #c0c0be;background: white;padding: 5px 10px 5px 10px;}
.chart .legend ul {margin: 0px;padding: 0px 0px 0px 10px;}
.chart .legend ul li {list-style: square;}
.chart .legend ul li span {}

/*questionList - survey module
-----------------------------------*/

#questionList{list-style:square ;}
#questionList{margin: 0 0 0 0; padding: 0 0 0 0}
#questionList li{margin: 0 0 0 0;padding: 0 0 5px 0}


/************************
 legend for survey
************************/
.surveyLegendTitle {font-size:1.2em;font-weight:bold; padding:12px 0 3px 0; float:none;}
.surveyLegendBlock  {padding:0 0 20px 15px}

/****************************
 styles for ChangePassword
****************************/
.changePassBlockTitle {font-weight: bold; margin: 10px 0 10px 0;}
.changePassLabel {width: 120px; float: left; padding: 0 0 0 10px;}
.changePassEdit {width: 160px;}
.changePassBlock {width:490px; margin: 10px 0 0 0 }
.changePassRadio {width: auto; padding: 0 0 0 10px;}
.changePassBlock2 {margin: 10px 0 10px 0}
.changePassSmall {font-size: smaller; margin: 0 0 10px 10px}
