/*** Generic styles ***/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {
	color: #1332cc;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: black;
	text-decoration: underline;
}
a img {
	border: none;
}

img {margin: 0px; padding: 0px;}

form {margin: 0px; padding: 0px;}

input {font-size: 11px; margin: 0px;}

select {font-size: 11px; margin: 0px;}

textarea { font-size: 11px; margin: 0px;}

/*** Layout ***/

div#wrapper {width: 800px; margin: auto;}

div#header {
	border-bottom: 1px solid #c8c8c8;
	height: 45px;
	line-height: 40px;
	color: #646464;
	font-size: 14px;
}
div#header .left a {font-size: 24px; font-weight: bold;}
div#header .right {font-size: 11px; padding-right: 40px;}

div#menu {
	border-bottom: 1px solid #646464;
	text-align: center;
}
ul.menu {margin: 15px 0px 2px 0px; padding: 0px 5px 0px 5px;}
ul.menu li {
	display: inline;
	height: 22px;
	line-height: 22px;
}
ul.menu li #selected {background-color: #646464; color: #F0F0F0;}
ul.menu li a {
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	background-color: #dcdcdc;
	color: #323232; 
}
ul.menu li a:hover {
	background-color: #646464;
	color: #F0F0F0;
	text-decoration: none;
}

div#submenu {
	background-image: url(../images/titlebottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 5px;
	color: #646464;
	font-size: 12px;
}

div#top {
	height: 30px;
	line-height: 30px;
	padding: 0px 5px 0px 5px;
	font-size: 11px;
	border-top: 1px solid #c8c8c8;
	background-image: url(../images/gradient.png);
	background-repeat: repeat-x;
}
div#top .button {vertical-align: middle;}
*html div#top {
	height: 20px;
	line-height: 20px;
	padding-top: 5px;
}

div#info {padding-left: 5px; color: #646464;}
div#bottom {
	background-image: url(../images/gradientDown.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 5px;
	text-align: center;
}
div#bottom .button {vertical-align: middle;}

div#footer {
	font-size: 10px;
	color: #646464;
	text-align: right;
	padding-top: 5px;
	border-top: 1px solid #c8c8c8;
}


/*** Messages ***/

div#messages {
	height: 24px;
	margin: 0px;
	padding: 0px;
}

div.infoMessage {
	height: 20px;
	line-height: 20px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	color: #7AA12C;
	font-size: 12px;
	background-image: url(../images/infobottom.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

div.errorMessage {
	height: 20px;
	line-height: 20px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	color: #FF0000;
	font-size: 12px;
	background-image: url(../images/errorbottom.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

div.appMessage {
	background-color: #E6E6E6;
	margin: 0px 10px 0px 10px;
	padding: 10px;
	text-align: left;
	color: #323232;
	border: 1px solid #c8c8c8;
	font-size: 12px;
}


/*** Generic classes ***/

.left {float: left;}
.center {float: left;}
.right {float: right;}
.clear {clear: both;}

.inputSmall {width: 75px;}
.inputMiddle {width: 150px;}
.inputBig {width: 300px;}
.inputLarge {width: 500px;}
.button {font-size: 10px;}
*html .button {padding-left: 2px;padding-right: 2px;}

.small { font-size: 11px; }

.viewDetails {background-color: #EBEBEB; color: #323232;}
.viewDetails td {border-top: 1px solid #969696;}

/*** Layout classes ***/

table.section {
	border: 1px solid #E6E6E6;
	border-bottom: none;
	margin: 5px 0px 10px 0px;
	width: 800px;
}
table.section .entry {background-color: #f5f5f5;}
table.section th {padding: 5px;}
table.section td {padding: 5px; border-bottom: 1px solid #E6E6E6;}
table.section p {margin: 2px 0px 2px 0px;}

table.small_section {
	border: 1px solid #E6E6E6;
	margin: 5px 0px 10px 0px;
	width: 586px;
}
table.small_section .entry {background-color: #f5f5f5;}
table.small_section th {padding: 5px;}
table.small_section td {padding: 5px;}
table.small_section p {margin: 2px 0px 2px 0px;}

table.details {
	border: 1px solid #E6E6E6;
	border-bottom: none;
	margin: 5px 0px 10px 0px;
	width: 800px;
}
table.details td {padding: 5px; border-bottom: 1px solid #E6E6E6;}
table.details p {margin: 2px 0px 2px 0px;}