/* General stuff */
body {
	/*background-color: #387E74;*/
	background-color: #FFF;
	color			: #4F9A95;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
}

a {
	color			: #449389;
	font-weight		: bold;
	text-decoration	: none;
}

a:hover {
	color			: #58ABA6;
	text-decoration	: none;
}

h1 {
	color			: #4F9A95;
	font-size		: 130%;
}

h2 {
	color			: #4F9A95;
	font-size		: 120%; 
	letter-spacing	: 4px;
}

h3 {
	color			: #4F9A95;
	margin			: 0;
	padding			: 0;
	font-size		: 110%;
}

ul {
	margin			: 0;
	padding-left	: 20px;
	list-style		: none;
}

samp {
	font-style		: italic;
}

input, textarea {
	color			: #4F9A95;
	background-color: #E4E4E1;
	padding			: 2px;
	margin			: 2px;
	border-left		: 2px solid #296B63;
	border-top		: 2px solid #296B63;
	border-right	: 1px solid #449389;
	border-bottom	: 1px solid #449389;
}

select {
	color			: #4F9A95;
	background-color: #E4E4E1;
	padding			: 0;
	font-weight		: bold;
	border			: 1px dashed #449389;
}

input:hover[type=text]{
	background-color: #FFF;
}

input:focus[type=text]{
	background-color: #FFF;
}

input:hover[type=password]{
	background-color: #FFF;
}

input:focus[type=password]{
	background-color: #FFF;
}

form {
	display			: inline;
}

input[type=submit] {
	background-color: #FFF;
	font-size		: .8em;
	font-weight		: bold;
	border-left		: 1px solid #4F9A95;
	border-top		: 1px solid #4F9A95;
	border-right	: 2px solid #296B63;
	border-bottom	: 2px solid #296B63;
	display			: block;
}

input:hover[type=submit] {
	font-size		: .8em;
	font-weight		: bold;
	border-left		: 2px solid #296B63;
	border-top		: 2px solid #296B63;
	border-right	: 1px solid #4F9A95;
	border-bottom	: 1px solid #4F9A95;
}

input[type=button] {
	background-color: #FFF;
	font-size		: .8em;
	font-weight		: bold;
	border-left		: 1px solid #4F9A95;
	border-top		: 1px solid #4F9A95;
	border-right	: 2px solid #296B63;
	border-bottom	: 2px solid #296B63;
	display			: block;
}

input:hover[type=button] {
	font-size		: .8em;
	font-weight		: bold;
	border-left		: 2px solid #296B63;
	border-top		: 2px solid #296B63;
	border-right	: 1px solid #4F9A95;
	border-bottom	: 1px solid #4F9A95;
}

fieldset {
	border			: 2px solid #4F9A95;
	padding			: 6px;
}

fieldset legend {
	color			: #449389;
	font-weight		: bold;
}

/*label {
	margin-right	: 2px;
	margin-left		: 2px;
	font-size		: 0.9em;
}*/

label {
	display			: block;
	font-weight		: bold;
	font-size		: 1em;
	margin-right	: 10px;
}

label span {
	font-weight		: normal;
	font-style		: italic;
	font-size		: 0.8em;
}

hr {
	border			: 1px dashed #449288;
}

form p {
	margin			: 5px 0;
	padding			: 0;
	display			: inline;
}

/* Moz only, have to use a workaround
input[type=submit] {
	border			: 2px solid #4F9A95;
}*/
a.button {
	background-color: #FFF;
	font-size		: .8em;
	font-weight		: bold;
	border-left		: 1px solid #4F9A95;
	border-top		: 1px solid #4F9A95;
	border-right	: 2px solid #296B63;
	border-bottom	: 2px solid #296B63;
}

a.button:hover {
	font-size		: .8em;
	font-weight		: bold;
	border-left		: 2px solid #296B63;
	border-top		: 2px solid #296B63;
	border-right	: 1px solid #4F9A95;
	border-bottom	: 1px solid #4F9A95;
}

box.p {
	color			: inherit;
}

input.submit {
	background-color: #FFF;
	border			: 2px solid #4F9A95;
	font-size		: 0.7em;
}


#description {
	color		: #4D9E95;
	font-size	: 1em;
	font-weight	: bold;
}


#top {
	text-align		: center;
}

div.box {
	color			: #4F9A95;
	position		: relative;
	right  			: 3px;
	bottom			: 3px;
	padding			: 10px;
	background-color: #F7F7F4;
	text-align		: justify;
}

div.shadow {
	margin-left		: auto; 
	margin-right	: auto;
	background-color: #4F9A95;
	position		: relative;
	right 			: -3px;
	bottom			: -3px;
	margin-top		: 10px;
	margin-bottom	: 10px;
	/*float			: left;*/
	width			: 80%;
}

div.popupshadow {
	margin-left		: auto; 
	margin-right	: auto;
	background-color: #4F9A95;
	position		: relative;
	right 			: -3px;
	bottom			: -3px;
	margin-bottom	: 20px;
	/*float			: left;*/
	width			: 99%;
}

#container {
	color		: #4F9A95;
	margin		: 10px auto;
	width		: 750px;
	border 		: 2px solid #4C9F95;
	line-height	: 130%;
	text-align	: left;
	padding		: 10px;
}

#popupcontainer {
	margin		: 0px auto;
	width		: 90%;
	border 		: 2px solid #4D9E95;
	line-height	: 130%;
	text-align	: left;
	padding		: 10px;
}

div.inlinebox {
	border-left		: 2px solid #74BFB5;
	padding-left	: 5px;
	margin-bottom	: 10px;
}

div.inlinebox span {
	font-weight		: bold;
}

div.inlinebox div {
	margin-left		: 25px;
	background-color: #FFF;
	padding-left	: 5px;
	padding-right	: 5px;
	padding-top		: 1px;
	padding-bottom	: 1px;
	margin-top		: 10px;
}

.menu {
	color			: #4F9A95;
	background-color: #F7F7F4;
	border			: 2px solid #4F9A95;
	width			: 160px;
	margin-left		: 82%;
}

.menu ul {
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
}

/* Weird IE hack */
.menu li {
	border			: 1px solid #4F9A95;
}

.menu a {
	display			: block;
	text-decoration	: none;
	padding			: 5px;
	margin			: 0;
}

.menu a:hover {
	color			: #F7F7F4;
	background-color: #5D9892;
}

table#accountlist {
	margin			: 10px auto;
	border			: 0;
}

table#accountlist td,th {
	padding-left	: 10px;
}

table#accountlist tr {
}

.high {
	background-color: #FFF;
}

.low {
}

ul#reqlist {
	list-style-type	: none;
	margin			: 10px auto;
	padding			: 0;
	width			: 90%;
}

ul#reqlist li {
	margin-bottom	: 10px;
	border-left		: 2px dashed #4F9A95;
	border-bottom	: 2px solid #4F9A95;
	padding			: 5px 10px; 
}

ul#reqlist li div {
	background-color: #FFF;
}

table#reqdetails {
	width			: 80%;
	margin			: 10px auto;
}

table#popupreqdetails {
	width			: 100%;
	margin			: 0px auto;
}

table#reqdetails td {
	border-left		: 2px dashed #4F9A95;
}

table#popupreqdetails td {
	border-left		: 2px dashed #4F9A95;
}

table#reqdetails td.body {
	padding-left	: 10px;
	border-bottom	: 2px solid #4F9A95;
}

table#popupreqdetails td.body {
	padding-left	: 10px;
	border-bottom	: 2px solid #4F9A95;
}

table#reqdetails td span {
	background-color: #FFF;
	font-weight		: bold;
	padding			: 3px 5px;
	margin			: 5px 5px;
	display			: block;
}

table#popupreqdetails td span {
	background-color: #FFF;
	font-weight		: bold;
	padding			: 3px 5px;
	margin			: 5px 5px;
	display			: block;
}

ul.pagelist {
	list-style-type	: none;
	display			: inline;
	padding			: 0;
}
ul.pagelist li {
	display			: inline;
}

.right {
	float			: right;
	width			: 5em;
}

.left {
	float			: left;
	width			: 5em;
}

.errmessages {
	color			: red;
}

.big {
	font-size		: 105%;
	font-weight		: bold;
	letter-spacing	: 1px;
}

table#videolist tr td {
	padding-left	: 5px;
	padding-right	: 5px;
}

table#videolist tr td ul {
	list-style		: none;
	padding-left	: 5px;
	margin			: 10px;
}

span#accountcount {
	font-weight		: bold;
	font-size		: 110%;
}

/* Nav list */

#navlist {
	padding			: 3px 0;
	border-bottom	: 2px solid #4F9A95;
	font-size		: 0.8em;
	padding-left	: 10px;
	margin-left		: -10px;
	margin-right	: -10px;
	
}

#navlist li {
	list-style		: none;
	margin			: 0;
	display			: inline;
}

#navlist li a {
	padding			: 3px 0.5em 5px;
	margin-left		: 3px;
	border			: 2px solid #4F9A95;
	background-color: #E4E4E1;
	text-decoration	: none;
}

#navlist li a:link { color: #4F9A95; }

#navlist li a:hover {
	color			: #F7F7F4;
	background-color: #5D9892;
}

#navlist li a#current {
	background			: white;
	border-bottom-color	: #FFF;
}

#navlist li a:hover#current {
	color			: #4F9A95;
}

#navlist li.newsegment {
	margin-left		: 2em;
}