/*CSS*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
}

#body-bg {
background: url(images/body_bg.png) repeat-x top left #4042af;
}

.BlackTitleTitle {
font-weight: normal !important;
}

#xEditingArea body {
background: none;
}

#body-wrapper {
background: url(images/body_gradient_bg.png) no-repeat top center transparent;
min-height: 500px;
}

#wrapper {
width: 800px;
margin: 0 auto;
}

#top-area {

}

#top-left-wrap {
width: 184px;
float: left;
}

#top-left {
padding: 15px 20px;
color: #FFFFFF;
}

#top-menu-icon {
float: left;
margin-right: 15px;
}

#top-menu-icon img {
margin: 0 10px;
border: none;
}

#top-clock {
float: left;
}

#top-right {
float: right;
padding: 12px;
width: 190px;
height: 22px;
display: block;
}

#dnn_dnnSEARCH_ClassicSearch a {
float: right;
}

#dnn_dnnSEARCH_ClassicSearch input[type=text] {
float: left;
width: 120px;
}

#dnn_dnnSEARCH_cmdSearch img {

*margin-top: -16px; /*hack for IE7*/
}

#dnn_dnnSEARCH_ClassicSearch .ServerSkinWidget input[type=radio] {
display: none;
}

#dnn_dnnSEARCH_ClassicSearch .ServerSkinWidget label {
display: none;
}

#banner-area {
background: #FFFFFF;
height: 198px;
width: 799px;
clear: both;
}

#logo {
float: left;
padding: 4px;
}

#banner-pane {
background: url(images/banner_pane_bg.png) repeat-y top left;
float: right;
width: 615px;
height: 198px;
border-left: 1px solid #1c3a5d;
}

#banner-content {

}

#banner-content p {
margin: 0;
padding: 0;
}

#content-area {
background: url(images/content_area_bg.png) repeat-y;
float: left;
}

#left-sidebar {
width: 183px;
float: left;
}

#main-content {
width: 616px;
float: right;
}

#page-title {
background: url(images/page_title_bg.png) no-repeat;
height: 40px;
}

#page-title h1 {
margin: 0;
padding: 0;
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
padding: 10px 15px;
}

#content-pane {
padding: 15px;
line-height: 18px;
}

#content-pane img {
padding: 5px;
}

#datebar {
background: url(images/datebar_bg.png) repeat-x;
height: 16px;
color: #FFFFFF;
padding: 12px;
text-align: center;
font-weight: bold;
}

#leftbar-top {
background: #2b2d8d;
padding-top: 12px;
}

#snapsis-wrapper {
padding: 0 15px 15px;
}

#leftbar-bottom {
background: #FFFFFF;
margin-top: -20px;
}

#footer-area {
clear: both;
background: #12335c;
border-top: 1px solid #000000;
text-align: center;
color: #FFFFFF;
padding: 15px;
font-size: 11px;
}

#footer-area .BlackTitleContentpane {
color: #FFFFFF;
}

#footer-area a {
color: #E6E6E6;
}

#footer-area p {
margin: 0;
}

#footer-area a:hover {
text-decoration: underline;
}

/*MENU starts*/
#nav ul {
    padding:0;
    margin:0;
    list-style:none;
   	/*z-index:50000;*/
}

#nav li {
  position: relative;
  line-height:25px;
  list-style: none;
  /*z-index:50000;*/
  background: url(images/menu_icon.png) no-repeat left ;
  padding-left: 36px;
}

#nav li:hover {

}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	width:100%;
	/*z-index:50000;*/
	line-height:20px;
	border:1px solid #e0ded9;
	margin-left: 148px;
	margin-top: -15px;
}

#nav li ul li {
width:100%;
/*z-index:50000;*/
border-bottom:1px solid #919295;
background: none;
padding-left: 0;
line-height: 12px;
}

#nav a {
	display:block;
    text-decoration:none;
    text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	padding :0px 12px 0px 12px;
    color:#9e9c98;
}

#nav li a {
font-size: 14px;
font-weight: bold;
color: #a9afb2;
}

#nav a:active {
}


#nav li ul li a {
	background:#202282;
	color:#919295;
	font-size:12px;
	line-height:20px;
}

#nav li li a:hover {
color:#c7d7e4;
background:#5558df;
width:auto;
}

#nav li a:hover {
  color:#9e9c98;
}

#nav li.SelectedTab a{
}

#nav li a.SelectedTab {
    font-size:1.12em;
}

#nav .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 1.6em;
	left:5px;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: -20px;
	left:5px;
}

#navContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    height:30em;
}
#navContainer {
   border:1px solid #333;
   background-color: #d8edfb;
   height:30em;
   width:12em;
   vertical-align:top;
   padding:10px 5px 10px 5px;
}
/*MENU ends*/

/**CONTENT STYLE**/
table#table_01 {
border: 1px solid #222483;
}

table#table_01 td {
border: 1px solid #222483
}

tr#table_01_title {
background: #222483;
color: #FFFFFF;
}

/**LOGIN BOX**/
span#dnn_ctr416_dnnTITLE_lblTitle {
font-weight: bold !important;
font-size: 12px;
color: #FFFFFF;
}

#dnn_LoginPane table.BlackTitleTitleTable {
background: url(images/datebar_bg.png) repeat-x;
width: 184px;
}

#dnn_LoginPane table.BlackTitleTitleTable td.BlackTitleTitle {
padding: 12px;
}

#dnn_LoginPane .SubHead {
color: #FFFFFF;
}

#dnn_LoginPane a.CommandButton:link {
color: #A9AFB2;
text-decoration: none;
}

#dnn_LoginPane a.CommandButton:hover {
text-decoration: underline;
}

#dnn_LoginPane .Normal label {
color: #FFFFFF;
}

#dnn_ctr416_Login_pnlLogin {
padding-left: 7px;
padding-right: 7px;
}

td#dnn_ctr416_Login_tdRegister {
text-align: center;
}

td#dnn_ctr416_Login_tdPassword {
text-align:center;
}
#nav ul li ul li ul {
    position: absolute;
    margin-top: 19px;
}