html, body {
    height:100%;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}

#mid p {
    margin:0.5em auto;
	line-height:150%;
}

#mid #content form.boxed {
	background-color:#F3F3F3;
	border:1px solid #DDDDDD;
}

#mid #content form.boxed {
	margin:10px 0pt;
	padding:10px;
	width:20em;
}

form input.field {
	border:1px solid #EEB516;
}

input.field {
	font-size:1em;
	height:1.8em;
	margin:0pt 0pt -1px;
	padding:2px 0pt 0pt 3px;
}

div, p, h1, h2, h3, h4, ul, li, table, dl, dd, dt {
	margin:0;
	padding:0;
	border:none;
}

#container {
    height: 100%;
    min-width:996px;
    position:relative;
}

#header {
    color:#FFFFFF;
    font-size:1em;
    height:130px;
    margin:0px 20px;
    position:relative;
    background:#B3313A url(Images/bg_head.jpg) repeat-x scroll 0%;
}

#header #logo {
    left:20px;
    position:absolute;
    top:15px;
}

#header h2 {
    /*font-family:Arial,Helvetica,sans-serif;*/
    font-family:Verdana;
    font-size:1.8em;
    font-style:normal;
    font-variant:normal;
    font-weight:lighter;
    letter-spacing:-1px;
    line-height:normal;
    position:absolute;
    right:20px;
    top:30px;
}

#header #head_bl {
    background:transparent url(Images/head_bot_left.gif) no-repeat scroll left bottom;
    bottom:0px;
    left:0px;
    padding-bottom:10px;
    padding-left:20px;
    position:absolute;
}

#header ul#nav_global {
    bottom:0px;
    right:0px;
    margin:0pt;
    padding-bottom:0px;
    padding-right:18px;
    position:absolute;
    text-align:right;
    background:transparent url(Images/head_bot_right.gif) no-repeat scroll right bottom;
}

#header ul#nav_global li {
    font-family:Verdana;
    font-size:0.7em;
    display:block;
    float:left;
    height:28px;
    margin:0px 10px;
    vertical-align:middle;
}

#mid {
    clear:both;
    margin:10px 20px;
    position:relative;
    font-family: Verdana;
    font-size:75%;
}

#mid #menu {
    padding:5px;
    float:left;
    text-align:left;
    width:200px;
    height: 50%;    
    vertical-align: top;
    /*background: #B3313A;
    border: 1px solid #B3313A;*/
}

#mid #menu dt {
    color:#AB2B34;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.2em;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
}

#mid #menu ul {
    margin:0.8em 0pt 0pt;
}

#mid #menu ul a.loginstatus {
    margin:0.8em 0pt 0pt;
    background:transparent url(Images/list-item-arrow-sub.gif) no-repeat scroll 5px 3px;
    border-bottom:1px solid #D6D6D6;
    list-style-image:none;
    list-style-type:none;
    margin:0pt 0pt 0.5em auto;
    padding:0pt 0pt 0.5em 20px;
    font-size:0.9em;
    width:100%;
}

#mid #menu ul li {
    background:transparent url(Images/list-item-arrow.gif) no-repeat scroll 5px 3px;
    border-bottom:1px solid #D6D6D6;
    list-style-image:none;
    list-style-type:none;
    margin:0pt 0pt 0.5em auto;
    padding:0pt 0pt 0.5em 20px;
}

#mid #menu ul li.sub {
    background:transparent url(Images/list-item-arrow-sub.gif) no-repeat scroll 5px 3px;
}

#menu ul li a {
    font-size:1em;
    font-weight:bold;
}

#menu ul li.sub a {
    font-size:0.9em;
    font-weight:normal;
}

a:link, a:visited {
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

#mid a {
    color:#3333CC;
}

#header a{
    color:white;
}

#mid #content {
    margin-left:200px;
    padding-left:20px;   
    font-family: Verdana;
	font-size:100%;
}




/*Tables in forms styles*/
#mid #content table.layoutform {
	width:50%;
	font-size:1em;
	font-weight:lighter;
	background-color:#F3F3F3;
	border:1px solid #DDDDDD;
	padding:5px;
}




/* Tabledata_blue styles*/
#mid #content table.tabledata_blue {
	font-size:1em;
	margin:10px 0px;
	width:79%;
	background-color:#D6D6D6;
}

#mid #content table.tabledata_blue tr th {
	background-color:#F4E6C1;
}

#mid #content table.tabledata_blue th {
	background:#F4E6C1 url(Images/bg_th.gif) repeat-x scroll left top;
	font-weight:bold;
}

#mid #content table.tabledata_blue td, #content table.tabledata_blue th {
	background-color:white;
	margin:0pt;
	padding:0.4em;
}




#mid #bannerimage {
    background:transparent url(Images/CalBanner.jpg) repeat-x scroll 1px 0px;
    height:77px;
    margin:auto 0px;
    padding:1px 0pt;
    border-bottom:1px solid #D6D6D6;
    border-top:1px solid #D6D6D6;
}

#mid #breadcrumb {
    font-size:0.9em;
    padding-bottom:5px;
    color:#AA272F;
}

#mid #breadcrumb a {
    color:#AA272F;
}

.message {
    font-size:0.9em;
    color:Red;
}

h3 {
    font-family:Verdana;
    font-size:1.5em;
    font-variant:normal;
    font-weight:bold;
    color:#AB2B34;
    border-bottom:1px solid #D6D6D6;
    margin:0.5em 0pt 0pt;
}

li {
    margin-left:50px;
	margin-top:0.8em;
}

#foot {
    background-color:#DDDDDD;
    padding:18px;
    clear:both;
    font-size:0.6em;
    font-family:Verdana;
    margin:25px;
    text-align:left;
}

#foot p {
    margin:0px 0px 0.2em 190px;
}

#foot #g8logo {
    float:left;
}

.redfont {
	Color:Red;
}


p {}

em {font-style:italic}

i {font-style: italic;}

strong {font-weight:bold;}

.codeReference
{
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
}
.validatorCalloutHighlight 
{
    background-color: Transparent; 
}

a.button 
{
	background:#EEB615 url(Images/bg_button_yellow_small.gif) repeat-x scroll left top;
	border-color:#F8D472 #7E090E #7E090E #F8D472;
	border-style:solid;
	border-width:1px;
	color:#7E090E;
	padding:2px;
}