body{
	 font-family:'Open Sans', sans-serif;
	 font-size:16px;
}

body, div, table, tr, td {margin:0px; padding:0px;}

div.headerconteiner{
	background: url("../images/bgStripes.png") repeat-y center top ;
	background-color:red;
	width:100%
}
div.headerTitle{color:white; font-size:16px; padding:0px 8px; padding-left:16px;width:960px;}
td.headerTDTitle{width:70%;}
td.headerTDDropDown{width:28%; text-align:right;}
table.headerTable{width:100%;}
div.headerDropDown{padding-top:8px; padding-bottom:8px; color:white; text-align:right; padding-right: 30px; padding-left:55px;}
div.dropDownIcon{ margin-right:0px;}
nav.dropDownList a:hover{text-decoration:underline;}

div.headerGreyLine{background-color: #dedede;}
td.headerGreyLineImage{padding:3px 19px}

div.headerGreyLineContent{width:960px;}
td.headerGreyLineTitle{font-size:20px;}
span.headerGreyLineEventName{font-weight:bold; font-size:24px;}
div.headerGreyLineName{width:28%; padding-top:10px; display:inline-block; text-align:right;}

div.endPage{padding-bottom:50px;}
div.endPageColor{height:30px;}
div.noRights{padding:30px; color:red; text-transform:uppercase; font-size:20px;}

/********** MAIN TABLE ***************/
td.mainMenu{vertical-align: top; min-width: 242px;}
td.mainContent{vertical-align: top; padding-left:0px;padding-top:3px;}
div.contentContainer{padding:8px; min-width:700px;}
div.contentContainer.events{background-color:#981636;}
div.contentContainer.contacts{background-color:#e11282;}
div.contentContainer.activity{background-color:#e6421b;}
div.contentContainer.locality{background-color:#e20613;}
div.contentContainer.program{background-color:#bd1622;}
div.contentContainer.voting{background-color:#a80fa8;}
div.contentContainer.feedback{background-color:#660066;}
div.contentContainer.messages{background-color:#98165c;}
div.contentContainer.users{background-color:#a80fa8;}


/********** MENU ITEMS ***************/

.menuLeftLine, .menuButton, .menuRightLine{
	height:50px; border-top: solid 3px white;
	display:inline-block; color:white;
}
.menuLeftLine, .menuRightLine {width:19px;}
.menuButton{width:220px; background-color: #bdbdbd; text-transform:uppercase;}
.menuRightLine{background-color: white; width:3px;}
.menuIcon{width:35px; float:left; margin-left:15px; margin-right: 12px; margin-top: 4px;}
.menuText{padding-top:14px; font-size:16px;}
.menuText.disabled{color:#a1a1a1;}

.menuLeftLine.events{background-color: #981636;}
.menuLeftLine.events.current{background-color:#bdbdbd;}	
.menuButton.events.current{background-color: #981636;}
.menuRightLine.events.current{background-color: #981636;}

.menuLeftLine.programme{background-color:#bd1622;}	
.menuLeftLine.programme.current{background-color:#bdbdbd;}	
.menuButton.programme.current{background-color: #bd1622;}
.menuRightLine.programme.current{background-color: #bd1622;}

.menuLeftLine.locality{background-color:#e20613;}	
.menuLeftLine.locality.current{background-color:#bdbdbd;}	
.menuButton.locality.current{background-color: #e20613;}
.menuRightLine.locality.current{background-color: #e20613;}

.menuLeftLine.activity{background-color:#e6421b;}	
.menuLeftLine.activity.current{background-color:#bdbdbd;}	
.menuButton.activity.current{background-color: #e6421b;}
.menuRightLine.activity.current{background-color: #e6421b;}

.menuLeftLine.feedback{background-color:#660066;}	
.menuLeftLine.feedback.current{background-color:#bdbdbd;}	
.menuButton.feedback.current{background-color: #660066;}
.menuRightLine.feedback.current{background-color: #660066;}

.menuLeftLine.voting{background-color:#a80fa8;}	
.menuLeftLine.voting.current{background-color:#bdbdbd;}	
.menuButton.voting.current{background-color: #a80fa8;}
.menuRightLine.voting.current{background-color: #a80fa8;}

.menuLeftLine.messages{background-color:#98165c;}	
.menuLeftLine.messages.current{background-color:#bdbdbd;}	
.menuButton.messages.current{background-color: #98165c;}
.menuRightLine.messages.current{background-color: #98165c;}

.menuLeftLine.contact{background-color:#e11282;}
.menuLeftLine.contact.current{background-color:#bdbdbd;}	
.menuButton.contact.current{background-color: #e11282;}
.menuRightLine.contact.current{background-color: #e11282;}

.menuLeftLine.users{background-color:#a80fa8;}
.menuLeftLine.users.current{background-color:#bdbdbd;}	
.menuButton.users.current{background-color: #a80fa8;}
.menuRightLine.users.current{background-color: #a80fa8;}



/*********** BUTTONS **************/
.button{
	border:none;
	padding:8px 25px 8px 25px;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	min-width:130px;
}

a.button {display:inline-block; text-align:center;}
.button.middle{margin-right:15px;}

.button.green{background-color: #65b334}
.button.green:hover{background-color: #659a33}

.button.black{background-color: #230000}
.button.black:hover{background-color: #393939}

.button.darkGreen{background-color: #1a3b09}
.button.darkGreen:hover{background-color: #132907}

.button.grey{background-color: #878787}
.button.grey:hover{background-color: #686868}



.buttonSettings{
	border: none;
	padding:5px 12px 5px 12px;
	color: white;
	font-size:14px;
	background-color:#a5a5a5;
	text-transform:uppercase;
	font-weight:bold;
}
.buttonSettings:hover{background-color:#636363;}

.buttonSettings.iconOnly{padding:5px 7px;}

/*********** EVETNS *************/
div.eventsBorder{border: solid #bdbdbd 1px; padding:10px; /*padding-bottom:10px;*/  margin-left:20px; margin-bottom:3px; min-width:700px; background-color:#f7f7f7;}
div.eventsBorder.selected{background-color:#dedede;}
.eventDetailIcon{width:25px; padding:0px; margin:0px; /*border:solid 1px #e1e1e1; */ margin-right:8px;}
td.eventDetailEventImage{width:85px;}
img.eventImage{width:75px;}
td.eventDetailIcons{vertical-align:bottom; padding:0px;}
span.eventDetailTitle{font-weight:bold; line-height:10px;}
span.eventDetailDate{font-size:14px; line-height:10px;}
td.tdEventDetailTitle{text-align:left;}
td.eventDetailActions{text-align:right; /*vertical-align:bottom;*/}
div.upperControlPanel{width:100%; text-align:right;}
div.eventsBorder.newEvent{padding:7px 10px; background-color:#660e36; color:white; font-size:18px;}
div.eventsBorder.newEvent:hover{background-color:#560d2e;}
img.eventNewImage{width:31px;}
img.eventNewIcon{width:31px;}

/*********** FORM CONTENT ************/
div.formMainTitle{color:white; font-size:20px; padding:5px; text-transform:uppercase;}
form.editForm{text-transform:uppercase; padding-left:20px; color:white;}
div.formBorder{padding:15px; padding-bottom:10px; color:white;}
div.formTitle{color:white; font-size:18px; padding:5px; padding-left:0px; text-transform:uppercase;}

td.formField{padding-bottom:5px; font-weight: 300;}
div.formFieldName{text-align:left; padding-right:25px; font-weight: 300;}
input.formInput{border:none; padding:5px; padding-left:8px; padding-right:40px;}
input.formInput.long{width:350px;}
input.formInput.short{width:173px;}
input.formInput.short.afterIcon{margin-left:-19px;}

table.formEventModules{margin-left:25px;}
td.formEventModulesCheckbox{padding-right:8px; padding-bottom:5px;}
.formEventModulesCheckboxLabel{font-weight:300; padding-right:25px;}

span.formCounter, i.formIcon{position: relative; right: 30px; color: #bfbfbf; font-weight:normal;}
span.formCounter {right: 40px; text-align:right; width:30px; display: inline-block;}

div.formSumbit{width:100% ;text-align:right; padding-top:40px; padding-right:0px;}

/********* Program ***********/
td.programListDate, td.programListTime, td.programListText{ padding:3px 8px 3px 3px; font-size:14px; border:solid grey 1px;}
td.programListDate.header, td.programListTime.header, td.programListText.header{font-size:16px; color:#565656; background-color: #f5f5f5;}
td.programListText{min-width:300px;}

div.formInputSelect{width:350px; display:inline-block; text-align:left;}

/* Table - List view*/

div.tableList{padding:30px 15px 0px 30px; width:100%}
table.tableList{width:100%; border-collapse:separate;}
td.listCell {padding:3px;}
td.listCell.header{color:white; text-transform:uppercase;}
td.listCell.value{ background-color:white; font-size:14px;}


td.listCell.value.action a{color:black; text-decoration:none;}
td.listCell.value.action a:hover{text-decoration:underline;}
td.listCell.value.program{border:1px solid #bd1622}
td.listCell.value.voting{border:1px solid #a80fa8}
td.listCell.value.feedback{border:1px solid #660066}
td.listCell.value.messages{border:1px solid #98165c}
td.listCell.value.users{border:1px solid #a80fa8}

/******** Dropdown settings ********/
div.settingsDD{z-index:1; padding:3px 5px 4px 5px; margin-top:-3px; }
div.settingsDD.eventDD{color:white; background-color:#a5a5a5 }
nav.dropDownListSettings{z-index:1000; border-top:solid white 2px; text-align:right; right: 0%; min-width:132px;}
nav.dropDownListSettings a{font-size:14px; padding-left:10px;}
nav.dropDownListSettings a:hover{text-decoration:underline;}


/******** Generall  *******/
div.formBorder a, div.tableList a{color:white; text-decoration:none;}
div.formBorder a:hover, div.tableList a:hover{color:white; text-decoration:underline;}

