/* CommonFonts */
.tinytext {
text-align: left;
font-family: verdana;
font-size: 9px; color: #000000;
font-weight: normal;
}

.tinytextbold {
text-align: left;
font-family: verdana;
font-size: 9px; color: #000000;
font-weight: bold;
}

.smalltext {
text-align: left;
font-family: arial;
font-size: 10px; color: #000000;
font-weight: normal;
}

.smalltextitalic {
text-align: left;
font-family: arial;
font-size: 10px; color: #000000;
font-style: italic;
}

.smalltextwhite {
text-align: left;
font-family: arial;
font-size: 10px; color: #ffffff;
font-weight: bold;
}

.smalltextbold {
text-align: left;
font-family: verdana;
font-size: 10px; color: #000000;
font-weight: bold;
}

.medtext {
text-align: left;
font-family: verdana;
font-size: 12px; color: #111111;
font-weight: normal;
}

.medtextbold {
text-align: left;
font-family: verdana;
font-size: 12px; color: #111111;
font-weight: bold;
}

.boldtextblue {
text-align: left;
font-family: verdana;
font-size: 14px; color: #0000ff;
font-weight: bold;
}

.boldtextred {
text-align: left;
font-family: verdana;
font-size: 12px; color: #990000;
font-weight: bold;
}

.menutexta {
font-family: verdana;
font-size: 12px; color: #111111;
background-color: #dddddd;
font-weight: normal;
}

.menutextb {
font-family: verdana;
font-size: 12px; color: #111111;
background-color: #fefefe;
font-weight: normal;
}

.navigation {
text-align: left;
font-family: verdana;
font-size: 9px; color: #000000;
font-weight: bold;
}

.webdings {
font-family: webdings;
font-size: 9px; color: #330099;
font-weight: normal;
}

/* Components */
.branding {
text-align: left;
font-family: verdana;
font-size: 8px; color: #aaaaaa;
font-weight: normal;
}

.loginarea {
background: #888888;
position: absolute;
right: 0px;
bottom: -30px;
text-align: right;
font-family: arial;
font-size: 11px; color: #ffffff;
font-weight: bold;
}

.alerttext {
text-align: left;
font-family: verdana;
font-size: 10px; color: #555555;
font-weight: normal;
}

.sideitem {
margin: 2px 2px 5px 2px;
border-width:1px;
border-style:solid;
border-color: #ffffff #555555 #666666 #dddddd;
}

P.menubar {
font-family: verdana;
font-size: 12px; color: #FFFFFF;
font-weight: bold;
text-align: right;
margin-top: 5px; 
margin-left: 0px; 
margin-right: 12px;
margin-bottom: 0px;
border-width: 0px;
border-style: solid;
border-color: #7bb2ee;
}

/* Rounded Box */

#roundBox {
margin-bottom: 1px;
background:#fff url(/images/table_l.jpg) repeat-y left top;
}

.rbTop {
height:28px;
background:url(/images/table_t.jpg) no-repeat left top;
}

.rbTitleRight {
display:block;
position:relative;
height:28px;
background:url(/images/title_r.jpg) no-repeat right top;
}

.rbTopRight {
display:block;
position:relative;
height:28px;
background:url(/images/table_tr.jpg) no-repeat right top;
}

.rbCenter-content {
position:relative;
background:url(/images/table_r.jpg) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 0px 0;
}

.rbBottom {
height:15px;
background:url(/images/table_b.jpg) no-repeat left bottom;
}

.rbBottom span {
display:block;
position:relative;
height:15px;
background:url(/images/table_br.jpg) no-repeat right top;
}

#container {
	position:absolute;
	width:800px;
	height:600px;
	left:50%;
	margin-left:-324px;
	top: 200px;
}

#containercenter {
	position:absolute;
	width:896px;
	height:600px;
	left:50%;
	margin-left:-482px;
	top: 120px;
}


/* GenericCSS */
.MainTable {text-align: center; width: 80%;}
.pane1 { background-color: #ffffff; font-size: 8px;}
.pane2 { background-color: #ffffff; font-size: 8px;}
.lbodybg {background-color: #ffffff; background-image: url('../images/lside.jpg'); background-repeat: repeat-y; background-position: left;}
.lbodybg {background-color: #ffffff; background-image: url('../images/lside.jpg'); background-repeat: repeat-y; background-position: left;}
.rbodybg {background-color: #ffffff; background-image: url('../images/rside.jpg'); background-repeat: repeat-y; background-position: right;}
BODY {background-color: #d8d8d8; background-image: url('../images/bg.jpg'); background-repeat: repeat-x; background-position: top; font-family: verdana; font-size: 8px; color: #000000}

ADDRESS, BLOCKQUOTE, CAPTION, CENTER, DD, DIR, DL, DT, FORM, MENU, PRE, TH, TABLE {font-family: verdana; font-size: 11px; color: #000000}

P {font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif; font-size: 12px; color: #000000; margin-top: 2px; margin-left: 12px; margin-right: 10px; font-weight: normal; text-indent: 0px;}

P.sidebar {font-family: arial; font-size: 10px; color: #000000; text-align: left; margin-top: 2px; margin-left: 10px; margin-right: 10px; font-weight: normal; text-indent: 0px;}


HR {color: #dddddd;}

HR.grey {color: #AAAAAA;}

A {cursor: pointer;
background: transparent}

ADDRESS {font-style: italic}

BIG {font-size: 19px}

BLOCKQUOTE {font-style: italic}

CITE {font-style: italic}

CODE, KBD, SAMP, TT {font-size: 14px}

H1 {font-size: 22px; font-weight: bold; font-style: font-family: Arial,sans-serif; color: #000000; margin-left: 12px;}

H2 {font-size: 18px; font-weight: bold; text-decoration: none; background-image: url(../images/h2bg.jpg);font-family: Arial,sans-serif; color: #000000; margin-left: 0px;  margin-right: 14px;}

H3 {padding: 0px 0px 0px 0px; font-size: 14px; font-weight: bold; text-decoration: none; background-image: url(../images/h3bg.jpg);font-family: Arial,sans-serif; color: #000000; margin-left: 12px;  margin-right: 12px;}

H4 {padding: 0px 0px 0px 0px; font-size: 14px; font-weight: bold; text-decoration: none; background-image: url(../images/h4bg.jpg);font-family: Arial,sans-serif; color: #000000; margin-left: 12px;  margin-right: 12px;}

H5 {font-size: 14px; font-weight: bold; font-family: Arial,sans-serif; color: #0000CC; margin-left: 2ex; margin-left: 12px;}

H6 {font-size: 10px; font-weight: normal; font-family: verdana,sans-serif;  color: #999999; margin-left: 12px;}

HTML {margin: 0; 
padding: 0}

INPUT 
{
cursor: auto;
font-size: 9px;
font-weight: normal;
font-family: verdana; 
color: #000000;
}

SELECT, OPTION 
{
cursor: auto;
font-size: 8px;
font-weight: bold;
font-family: verdana; 
color: #000000;
}

PRE {margin-left/* */ : 0;
white-space: pre}

SMALL, SUB, SUP {font-size: 9px}

TEXTAREA {cursor: text}

TD {margin-left: 0;
 font-family: verdana; font-size: 11px; color: #000000}

TH {font-weight: bold;
text-align: center;
margin-left: 0}

PRE {border: solid thin;
padding: 1em 3%}

IMG {border: none}

/* ImagePlacement */
.imageleft {
float: left;
margin: 2px 10px 2px 10px;
	border-style:solid;
	border-color:#000000;
	border-width:0px;
}

.imageright {
float: right;
margin: 2px 8px 10px 10px;
	border-style:solid;
	border-color:#000000;
	border-width:0px;
}

.imagerightbottom{
float: right;
vertical-align: bottom;
}

.imagecenter {
float: center;
margin: 0px 0px 0px 8px;
	padding-top:-15px;
	border-style:solid;
	border-color:#000000;
	border-width:1px;
}

.sideimage {
float: left;
margin: 0px 8px 0px 0px;
	border-style: dotted;
	border-color: #000000;
	border-width: 1px;
}

/* Positional */
.splashqf{
	height: 184px;
	width: 267px;
}

.splashqf div.radmenu{
	margin-top: 50px;
	margin-left: 30px;
}

.splashsidebar{
	padding: 0px 10px 10px 10px;
}

div.splashcontent{
	padding:35px 50px 0px 10px;
}

.splashbg{
	background: url(/images/splashbg_mid.jpg);
}

.splashbgtop{
	background: url(/images/splashbg_top.jpg) no-repeat;
	width: 760px;
}

/* Effects */
.gradualshine {filter: alpha(opacity=0); -moz-opacity:0.3;  cursor : hand;}

.gradualshineo {filter: alpha(opacity=50); -moz-opacity:0.3;  cursor : hand;}

/* Links */



A.sidebarlink:link {
text-decoration: none; 
font-size: 10px;
font-weight: bold;
font-family: verdana,sans-serif;
color: #0000CC;
margin-left: 2px;}

A.sidebarlink:visited {
text-decoration: none; 
font-size: 10px;
font-weight: bold;
font-family: verdana,sans-serif;
color: #0000CC;
margin-left: 2px;}

A.sidebarlink:active {
text-decoration: none; 
font-size: 10px;
font-weight: bold;
font-family: verdana,sans-serif;
color: #0000CC;
margin-left: 2px;}

A.sidebarlink:hover {
text-decoration: none; 
font-size: 10px;
font-weight: bold;
font-family: verdana,sans-serif;
color: #FFFF00;
margin-left: 2px;
background-color: #0000CC;}


div.svcdetails h3, div.svcdetails-middle h3{padding:0 0 10px 0;margin:0;font-size:18px;color:#333;}
div.svcdetails {float:left;line-height:1.571em;padding:0;margin:0 0 30px 0;width:228px;}
div.svcdetails-middle {float:left;line-height:1.571em;padding:0px 15px;margin:0 0 30px 0;width:432px;}
table.svcchart {margin:0;padding:0;border-collapse:collapse;border:1px solid #ccc;border-bottom:none;border-right:none;float:left;}
table.svcchart td{margin: 0;padding:5px;font-size:12px;}
table.svcchart td.box1 {background:#f2fbff url("../images/bg-blue-shadow-right.gif") repeat-y top right;border-right:1px solid #CCC;width:120px;text-align:right;border-bottom:1px solid #CCC;}
table.svcchart td.box2 {background:#FAFAFA url("../images/bg-chart-grey-shadow.gif") repeat-y top right;border-right:1px solid #CCC;width:100px;text-align:center;border-bottom:1px solid #CCC;}
table.svcchart td.box2.empty {background:#EFEFEF url("../images/bg-chart-midgrey-shadow.gif") repeat-y top right;}
div.svcdetails-middle table.svcchart td div.box1 {width:126px;}
table.svcchart td.box1.heading{padding:12px 10px 11px 0;font:bold 18px Georgia, serif;color:#333;font-style:italic;}
table.svcchart td.box2.heading {font:normal 14px Georgia, serif; }
table.svcchart td.box2.heading span {font-weight:bold; color:#669900;}

.textinput {font-size:18px;color: #000;text-align: left;padding:4px;border: 1px solid #E2E2E2;vertical-align: top;background-color: #F2F9FD;border: 1px solid #E2E2E2;margin:1px;}