.sectionTitle { font-size: 14pt; font-weight: bold; }
.eventTitle { font-size: 12pt; font-weight: bold; }

.font-10normal { font-weight: normal; font-size: 10pt; }
.font-10bold { font-weight: bold; font-size: 10pt; }
.font-11bold { font-weight: bold; font-size: 11pt; }

/* common parts */
body {
	background-color: #c0cbeb;
	padding: 5px 2% 5px 2%;
	margin: 0px;
	font-size: 12pt;
	font-family: helvetica, arial;
	text-align: left;
}

a { color: black; text-decoration: none; }
img { border: 0px; vertical-align: middle; }
table { width: 100%; text-align: left; }

img.screenShot { margin-bottom: 3px; }

/* --== Top Header ==-- */
#topHeader {
	padding-bottom: 10px;
	text-align: center;
}

/* --== Main menu ==-- */
#mainMenu {
	padding: 5px 0px 15px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}

#mainMenu a.menuitem {
	padding: 3px;
	margin-right: 5px;
	border: 1px solid #606680;
}

#mainMenu a.menuitem:hover {
	border: 1px solid #606680;
	background-color: #edf0f9; 
}

/* contentMain */
#contentMain {
	padding-top: 20px;
	border: 1px solid #606680;
	background-color: #e0e5f2;
	text-align: center;
}

/* event filter */
div.filter {
	position: relative;
	font-weight: normal;
	font-size: 10pt;
}
div.filterLeft {
	position: absolute;
	left: 0;
	width: 50%;
}

div.filterRight {
	position: absolute;
	left: 50%;
	width: 50%;
	text-align: right;
}

/* --== common titleBar ==-- */
div.titleBar {
	height: 22px;
	background: url('../images/tb2_m.gif');
	position: relative;
	text-align: center;
	border-bottom: #a9b9c2 1px solid;
}

/* upperLeftBar */
div.upperLeftBar {
	height: 22px; width: 22px;
	background: url('../images/tb2_l.gif');
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* upperRightBar */
div.upperRightBar {
	height: 22px; width: 22px;
	background: url('../images/tb2_r.gif');
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: -1px;
}

div.navigation {
	font-weight: bold;
	font-size: 12pt;
	margin-bottom: 10px;
	border-bottom: 1px black dashed;
}

/* --== displaying sections & groups ==-- */
div.section { margin: 0px 0px 15px 0px; }
div.sectionContent { border: 1px solid #a9b9c2; background: #e0e5f2; }

table.groups, table.events {
	font-weight: normal;
	font-size: 10pt;
}

th.grpIconHead { background: #eaeaea; width: 32px; }
th.grpTextHead { background: #eaeaea; width: 70%; }
th.grpCountHead { background: #eaeaea; width: 70px; text-align: center; }
th.grpUpdateHead { background: #eaeaea; width: 130px; text-align: center; }
td.grpIcon { width: 32px; height: 32px; }
td.grpCount { text-align: center; }

/* --== displaying events ==-- */
div.event { margin: 0px 0px 15px 0px; }
div.eventContent {
	border: 1px solid #a9b9c2;
	background: #e0e5f2;
}

td.evtImg { width: 170px; height: 140px; }
th.evtHead { background: #eaeaea; width: 10%; height: 30px; }
th.evtHeadDouble { background: #eaeaea; width: 10%; height: 60px; }
th.evtWideHead { background: #eaeaea; height: 30px;}
td.evtVotes { text-align: right; height: 30px; }

div.tabsHeader {
	position: relative;
	left: 1%;
	width: 98%;
	padding-top: 2px;
	font-size: 11pt;
}

.tabNormal {
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #606680;
	background-color: #eaeaea; //#edf0f9;
	cursor: pointer;
}

.tabPressed {
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #606680;
	background-color: #edf0f9;
	cursor: pointer;
}

.tabData {
	padding-top: 5px;
	margin-bottom: 5px;
	position: relative;
	left: 1%;
	width: 98%;
	font-size: 10pt;
	background-color: #edf0f9;
	border: 1px solid #606680;
}

.tabData p {
	margin: 2px;
}

div.version {
	position: relative;
	left: 1%;
	width: 98%;
	padding-bottom: 5px;
}

td.verVotes { text-align: right; }
th.verHead { font-size: 11pt; font-weight: bold; width: 65px;}

div.fileData {
	background-color: white;
	padding: 5px 0px 5px 0px;
	margin-bottom: 5px;
	border: 1px solid #606680;
}

table.fileInfo, table.fileDls, table.fileSub, table.shortFileInfo {
	border-collapse: collapse;
	font-size: 9pt;
}

table.fileInfo th, table.fileDls th, table.fileSub th { width: 13%; height: 20px; padding-left: 5px; }
table.fileInfo td, table.fileSub td { width: 37%; height: 20px; }
table.shortFileInfo th { width: 8%; height: 20px; padding-left: 5px; }
table.shortFileInfo td { width: 25%; height: 20px; }
table.tracklist th { width: 250px; }

/* controls */
div.quickList {
}

table.quickListTable {
	font-weight: normal;
	font-size: 10pt;
}

th.quickHead { background: #eaeaea; width: 70px; text-align: center; }
th.quickHeadLong { background: #eaeaea; text-align: left; }
td.quickData { width: 50px; text-align: center; }
td.quickDataLong { text-align: left; }

table.news, table.history {
	font-weight: normal;
	font-size: 10pt;
}

th.newsDate, th.newsText, th.historyDate, th.historyText { background: #eaeaea; text-align: center; }
td.newsDate { text-align: center; font-weight: bold; }
td.historyDate { text-align: center; vertical-align: top; font-weight: bold; }

div.foreword {
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 20px;
}

/* obsolete???? */

div.controls {
	position: relative;
	left: 1%;
	width: 98%;
	text-align: right;
	padding: 3px 0px 3px 0px;
	border-top: 1px black dashed;
}

a.controlsButton {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	padding: 2px;
	color: #606680;
	background-color: #eaeaea;
	border: 1px solid #606680;
	margin: 0px 5px 0px 5px;
}

a.controlsButton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid #606680;
	background-color: #edf0f9; 
	margin: 0px 5px 0px 5px;
}


img.details {
	height: 20px;
	width: 20px;
	vertical-align: middle;
}

/* style for some content */
a.mylink:hover {
	text-decoration: underline;
	color: #DD6900;
}

a.mylink {
	text-decoration: none;
	color: #006699;
}


div.editForm {
	margin: 0px 0px 15px 0px;
	padding-top: 10px;
	border: 1px solid #a9b9c2;
	background: #e0e5f2;
}

.sectionForm {
	position: relative;
	left: 1%;
	width: 98%;
	font-size: 11pt;
}

.mybutton {
	background: #eaeaea;
	color: #606680;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10pt;
}

.inputText {
	width: 100%;
	margin-bottom: 3px;
	margin-top: 2px;
}

.inputTextHalf {
	width: 35%;
	margin-bottom: 3px;
	margin-top: 2px;
}

.inputNumber {
	width: 40px;
	margin-bottom: 3px;
	margin-top: 2px;
}

.inputDate {
	width: 30px;
	margin-bottom: 3px;
	margin-top: 2px;
}

.inputRobot {
	display: none;
}


/* guestbook */
.msgEntry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	margin-bottom: 5px;
	border: 1px solid #a9b9c2;
	background: #e0e5f2;
}

.msgText {
	padding: 5px 2px 2px 2px;
	margin-bottom: 2px;
	background: #edf0f9;
}

.msgSubText {
	padding-top: 5px;
	margin-bottom: 2px;
	background: #edf0f9;
	position: relative;
	width: 98%;
	left: 2%;
}

.wrapper {
	position: relative;
	width: 98%;
	left: 1%;
	padding: 5px 0px 5px 0px;
}