html {
    background-color: #000033;
}

/* */
body {
    background-color: #000033;
    margin: 0;
    font:83%/1.5 verdana,arial,tahoma,verdana,sans-serif;
    padding-top: 15px;
    min-width: 1020px;
    /*ADD >>  colorbox: boxtype=bluebox */
}

/*
Fix up the fact that commons styles messes with the format of lists, something
that should be fixed one day.
*/

li {
    line-height: 1.4em;
    padding-left: 10px;
}
ul
{
    list-style-type: disc;
    margin:0;
    padding:0 20px;
    z-index: -3;
}
ul ul
{
    list-style-type: circle;
    margin:0;
    padding:0 10px;
    z-index: -3;
}

/***********************************************************************************************
* CSS for Round Corners
***********************************************************************************************/

.dialog {
 width:97%;
 margin:0px auto;
 min-width:20em;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:29px;
}

.dialog .ft .c {
 height:45px;
}

.dialog .hd {
 background:transparent url("images/tl.gif") no-repeat 0px 0px;
}

.dialog .hd .c {
 background:transparent url("images/tr.gif") no-repeat right 0px;
}

.dialog .bd {
 background:transparent url("images/ml.gif") repeat-y 0px 0px;
}

.dialog .bd .c {
 background:transparent url("images/mr.gif") repeat-y right 0px;
}

.dialog .bd .c .s {
 margin:0px 0px 0px 4px;
 background: #ffffff url("images/ms.gif") repeat-y top right ;
 padding: 0 0em 0em 1em;
}

.dialog .ft {
 background:transparent url("images/bl.gif") no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url("images/br.gif") no-repeat right 0px;
}

/***********************************************************************************************
* End - CSS for Round Corners
***********************************************************************************************/



/* Toolbar */
/* Menu */

#menu {
	padding-bottom: 10px;
}

ul#menuList  li {
	background-color: #999;
	padding: 2px;
	background-image: none;

	border-right: 3px solid	#252525;
	border-bottom: 3px solid	#666;
	font-weight: bold;
}

ul#menuList  li:hover {
	background-color: #333399;
}

/* Top Row*/
ul#menuList  li a {
	color: #fff;
	text-decoration: none;
	padding-right: 30px;
}

/* Items on menu*/
ul#menuList  li li a {
	color: #000;
	text-decoration: none;
	padding: 3px;
}

ul#menuList  li li a img{
	border-style: none;
	padding: 0;
	margin: 0;
}

ul#menuList  li li a span{
    margin-left: 27px;
    margin-right: 0px;
    display: block;
}

ul#menuList  li  li{
border-style: none;
width: 100%;
background: transparent;
color: #000;
font-weight: normal;
padding: 0;
}

ul#menuList  li  li:hover{
border-style: none;
background-color: #A8E7FF;
}

ul#menuList  li  ul{
background: #f6f6f6;
margin-top: 4px;
}

/* Increase padding on the last right item*/
ul#menuList  li  li.last a{
    padding-right: 8px;
}

div#twocolumn, div#threecolumn {
    margin-top: 20px;
}



/***********************************************************************************************
* CSS for Two & Three Column Layouts
***********************************************************************************************/

div#wrapper{float:left;width:100%}

/* Three Column Layout */
#threecolumn div#wrapper div#content{margin: 0 200px 0 200px;}
#threecolumn div#left{float:left;width:198px;margin-left:-100%;}
#threecolumn div#right{float:left;width:200px;margin-left:-200px;}

#threecolumn,  #twocolumn {
width: 90%; !important; width: 98%; /*The rihgt borber of body*/
}
/* Two Column Layout */
#twocolumn div#wrapper div#content{margin: 0 0 0 200px;}
#twocolumn div#left{float:left;width:198px;margin-left:-100%;}
#twocolumn div#right{display:none;}


div#content {
    background-color: #ffffff;
}

div#rightcontent, div#leftcontent, div#contentcontent  {
    margin: 5px;
    padding-bottom: 30px;
}

div#contentcontent {
    
}

div#wrapper{
    background-color: #fff;
}

.splashscreen {
    text-align: center;
    font-size: 20px;
}

.splashscreen input.text {
    font-size: 20px;
}

/* Feature Box */
.featurebox {color:#333;padding: 15px 15px 10px; border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em; background-color: transparent;}
.featurebox p {border:none;margin: 0 0 1em;color:#444}
.featurebox a {font-weight:bold; text-decoration:none; font-size:80%}
.featureboxheader { border-bottom: 1px solid #0033FF;color:#c00;}
/*.featurebox select {width: 100%; }*/

/** BEGIN: Content Feature Box as used for the blocks that appear in the page body  **/
.contentfeaturebox {
	color: #333333;
	padding: 15px 20px 20px;
	border-top: 4px solid #FF6633;
	margin: 0 0 1.5em;
	background: url("images/featurebox_bg.jpg") no-repeat 100% 100%;
}

.contentfeaturebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {
	margin: 0 0 .3em;
	color: #003366;
	background-color: transparent;
}
.contenttest {color: #003366}
.contentfeaturebox p {
	border:none;
	margin: 0 0 1em;
	color: #333333;
}

.contentfeaturebox a {
	font-weight:bold
}

.contentfeaturebox select {
	width: 100%;
}
/** END: Content Feature Box as used for the blocks that appear in the page body **/