﻿/* from http://www.w3.org/TR/CSS2/media.html#media-types */
/* suitable for all devices */

@media all{

body
	{
		margin: 0;
		padding: 0;
		line-height: 1.5em;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		text-transform: none;
		color: #333333;
	}

hr {
border: 0;
color: #666666;
background-color: #666666;
height: 1px;
width: 100%;
text-align: left;
}


/* fonts - START */
.arial_small_normal
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		font-weight: normal;
	}
.arial_small_grey_bold
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		font-weight: bold;
		color: #666666;
	}
.arial_med_bold
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		font-weight: bold;
	}
.arial_l_bold
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: large;
		font-weight: bold;
	}
.verdana_xs_bold
	{
		font-family: Verdana;
		font-size: x-small;
		font-weight: bold;
	}
.verdana_xs_bold_green
	{
		font-family: Verdana;
		font-size: x-small;
		font-weight: bold;
		color: #008000;
	}
.verdana_xs
	{
		font-family: Verdana;
		font-size: x-small;
		font-weight: normal;
	}
.verdana_xs_bold_red
	{
		font-family: Verdana;
		font-size: x-small;
		font-weight: bold;
		color: #FF0033;
	}
.verdana_xs_grey
	{
		font-family: Verdana;
		font-size: x-small;
		color: #999999;
	}
.verdana_s_bold_grey
	{
		font-family: Verdana;
		font-size: small;
		font-weight: bold;
		color: #666666;
	}
.verdana_s_bold
	{
		font-family: Verdana;
		font-size: small;
		font-weight: bold;
		color: #333333;
	}
#page_header
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: large;
		font-weight: bold;
		color: #666666;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #999999;
		margin-bottom: 12px;
	}
.section_header
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		font-weight: bold;
		color: #666666;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #999999;
		margin-bottom: 12px;
	}
/* fonts - END */



/* misc styling - START */
.content_action
	{
		padding: 4px;
		margin: 12px;
		border: 1px solid #008000;
		font-family: Verdana;
		font-size: x-small;
		font-weight: bold;
		font-style: normal;
		font-variant: normal;
		color: #006600;
		text-transform: none;
		background-color: #CCFFCC;
		text-align: center;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
	}
#content_action
	{
		padding: 4px;
		margin: 12px;
		border: 1px solid #008000;
		font-family: Verdana;
		font-size: x-small;
		font-weight: bold;
		font-style: normal;
		font-variant: normal;
		color: #006600;
		text-transform: none;
		background-color: #CCFFCC;
		text-align: center;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
	}
.content_action_info
	{
		padding: 4px;
		margin: 12px;
		border: 1px solid #999999;
		font-family: Verdana;
		font-size: x-small;
		font-weight: bold;
		font-style: normal;
		font-variant: normal;
		color: #666666;
		text-transform: none;
		background-color: #eaeaea;
		text-align: center;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
	}
#content_action_info
	{
		padding: 4px;
		margin: 12px;
		border: 1px solid #999999;
		font-family: Verdana;
		font-size: x-small;
		font-weight: bold;
		font-style: normal;
		font-variant: normal;
		color: #666666;
		text-transform: none;
		background-color: #eaeaea;
		text-align: center;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
	}
.content_action_error
	{
		padding: 4px;
		margin: 12px;
		border: 1px solid #660033;
		font-family: Verdana;
		font-size: x-small;
		font-weight: bold;
		font-style: normal;
		font-variant: normal;
		color: #990033;
		text-transform: none;
		background-color: #FFCCCC;
		text-align: center;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
	}
#content_action_error
	{
		padding: 4px;
		margin: 12px;
		border: 1px solid #660033;
		font-family: Verdana;
		font-size: x-small;
		font-weight: bold;
		font-style: normal;
		font-variant: normal;
		color: #990033;
		text-transform: none;
		background-color: #FFCCCC;
		text-align: center;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
	}


.topsection_hover
{
	cursor: pointer;
}

.topsection_nohover
{
	cursor: pointer;
}

/* misc styling - END */





/* form fields - START */
.formfield_search
	{
		color: #660033;
		background-color: #F4F4F4;
		border-color: #666666;
		border-width: 1px;
		border-style: Solid;
		font: 10px verdana, arial, sans-serif;
		font-size: x-small;
		font-weight: bold;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
	}
.formfield_search_hover
	{
		color: #990033;
		background-color: #ffffff;
		border-color: #666666;
		border-width: 1px;
		border-style: Solid;
		font: 10px verdana, arial, sans-serif;
		font-size: x-small;
		font-weight: bold;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
	}

.formbutton {
font: bold 10px verdana, arial, sans-serif;
color: #ffffff;
text-decoration: none;
text-indent: 0;
background-color: #660033;
border: 2px solid #999999;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.formbutton_hover {
font: bold 10px verdana, arial, sans-serif;
color: #ffffff;
text-decoration: none;
text-indent: 0;
background-color: #990033;
border: 2px solid #999999;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}

.formbutton_big {
font: bold 14px verdana, arial, sans-serif;
color: #ffffff;
text-decoration: none;
text-indent: 0;
background-color: #660033;
border: 2px solid #999999;
}
.formbutton_big_hover {
font: bold 14px verdana, arial, sans-serif;
color: #ffffff;
text-decoration: none;
text-indent: 0;
background-color: #990033;
border: 2px solid #999999;
}

.dropdown_req {
	color:#660033;
	background-color:#F4F4F4;
	font: 10px verdana, arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	border: 1px solid #666666;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}

.formfield_req
	{
		color: #660033;
		background-color: #F4F4F4;
		font: 10px verdana, arial, sans-serif;
		font-size: x-small;
		font-weight: bold;
		border: 1px solid #666666;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
	}
.formfield_req_hover
	{
		color: #990033;
		background-color: #FFFFFF;
		font: 10px verdana, arial, sans-serif;
		font-size: x-small;
		font-weight: bold;
		border: 1px solid #666666;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
	}
.formfield_req_big {
	color:#660033;
	background-color:#F4F4F4;
	font: 14px verdana, arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #666666;
}
.formfield_req_big_hover {
	color:#990033;
	background-color:#FFFFFF;
	font: 14px verdana, arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #666666;
}

.formfield_req_big_center {
	color:#660033;
	background-color:#F4F4F4;
	font: 12px verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align: center;
	border: 1px solid #666666;
}
.formfield_req_big_center_hover {
	color:#990033;
	background-color:#FFFFFF;
	font: 12px verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align: center;
	border: 1px solid #666666;
}

.formfield_noreq {
color:#660033;
background-color:#FFFFFF;
border-color:#666666;
border-width:1px;
border-style:dashed;
font: 10px verdana, arial, sans-serif;
font-size:10px;
font-weight:bold;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.formfield_noreq_hover {
color:#990033;
background-color:#FFFFFF;
border-color:#666666;
border-width:1px;
border-style:dashed;
font: 10px verdana, arial, sans-serif;
font-size:10px;
font-weight:bold;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
/* form fields - END */




/* link styling for all, undefined links - START */
A:LINK
	{
		text-decoration: underline;
		color: #660033;
		cursor: pointer;
	}
A:VISITED { 
	TEXT-DECORATION:underline;
	color:#660033;
		cursor: pointer;
	}
A:ACTIVE { 
	TEXT-DECORATION:underline;
	color:#990033;
		cursor: pointer;
	}
A:HOVER { 
	TEXT-DECORATION:underline;
	color:#990033;
		cursor: pointer;
	}
/* link styling for all, undefined links - END */



/* page layout code - START */
#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection
	{
		height: 70px;
	}

#topsection h1
	{
		margin: 0;
		padding-top: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: xx-large;
		font-weight: bold;
		font-variant: small-caps;
	}

#topsection h2
	{
		margin: 0;
		padding-top: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: x-large;
		font-weight: bold;
		font-variant: small-caps;
	}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
/* page layout code - END */

}
