/* CSS Document */

#dnnLOGIN.foot a:link {
	color:#fff;
	text-decoration:none;
}


/* position of Phone */

div#phone {
	margin-left:22px;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bolder;
	color:#000;
	
}

div#phone .gray {
	color:#999;
}

.sub2 {
	min-height:100px;
}
/* MENU DNN TOP */


.MenuItemClassX{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #157dc4;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

.MenuItemSelectedClassX{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #157dc4;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}



.MenuIconClassX{
}

.MenuArrowClassX{
}
     
	
	       
.SubMenuClassX{
}

.SubMenuActiveX{
}

.SubMenuOverX{
}

.SubMenuClassX TD{
}

.SubMenuActiveX TD{
}

.SubMenuOverX TD{
}
		
	
								
.rootMenuItemClassX{
}

.rootMenuItemActiveX{
}

.rootMenuItemSelectedX{
}

.rootMenuItemClassX TD{
	padding-right: 20px;
}

.rootMenuItemActiveX TD{
	padding-right: 20px;
}

.rootMenuItemSelectedX TD{
	padding-right: 20px;
}






/* END of MENU DNN TOP */




/* LEFT MENU */


.MenuLeftHeader0 
{
  	/*Background: url(MenuLeftHeaderBG.jpg);
	Background-repeat: no-repeat;*/
	height:27px;     /*ganti*/
	padding: 0px 0px 0px 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #167cc4;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 
	color: #ffffff;
	 
	  vertical-align:middle;
}

.MenuLeftHeader0 a:link
{
  color: #ffffff;
 text-decoration: none;
}
.MenuLeftHeader0 a:visited
{
 color: #ffffff;
 text-decoration: none;
}

.MenuLeftHeader0 a:hover
{
  color: #ffffff;
 text-decoration: none;
}


.currentHeaderHighlight0
{
 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #ffffff;
	  vertical-align:middle;
	  background-color: #167cc4;
}

.currentItemHighlight0
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #ffffff;
	  vertical-align:middle;
	  background-color: #167cc4;
}

.MenuItem0
{
	
	height:27px;     /*ganti*/
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #e8e7e7;
}

.MenuItem0 a:link, .MenuItem0 a:active, .MenuItem0 a:visited
{
	padding: 6px 0 0 8px;
	display:block;
	height:20px;
 font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: lighter;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}


.MenuItem0 a:hover
{
	padding: 6px 0 0 8px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: ligher;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
	  background-color:#C0CED9;
}

.MenuItemMouseOver0 
{
	background-color:blue;
}

.MenuItem1
{
	/*Background: url(MenuLeftHeaderBG.jpg);
	Background-repeat: no-repeat;*/
	height:27px;     /*ganti*/
	padding: 0px 0px 0px 20px;
	background-color: #c0ced9;
}

.MenuItem1 a:link
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
 
 
}
.MenuItem1 a:active
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}
.MenuItem1 a:visited
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}

.MenuItem1 a:hover
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}

.MenuItemMouseOver1 
{
background-color:blue;
}

.currentItemHighlight1
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
	  background-color: #c0ced9;
}







.MenuLeftHeader1 
{
  	height:27px;     /*ganti*/
	padding: 0px 0px 0px 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
	background-color: #e8e7e7;
}

.MenuLeftHeader1 a:link
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}
.MenuLeftHeader1 a:visited
{
 font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}

.MenuLeftHeader1 a:hover
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}


.currentHeaderHighlight1
{
 
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
	  background-color: #e8e7e7;
}







.MenuItem2
{
	height:27px;     /*ganti*/
	padding: 0px 0px 0px 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #e8e7e7;
}

.MenuItem2 a:link
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}
.MenuItem2 a:active
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}
.MenuItem2 a:visited
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}

.MenuItem2 a:hover
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}

.MenuItemMouseOver2 
{
background-color:blue;
}

.currentItemHighlight2
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
	  background-color: #e8e7e7;
}














.MenuLeftHeader2 
{
  height:27px;     /*ganti*/
	padding: 0px 0px 0px 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
	background-color: #e8e7e7;
}

.MenuLeftHeader2 a:link
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}
.MenuLeftHeader2 a:visited
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}

.MenuLeftHeader2 a:hover
{
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}


.currentHeaderHighlight2
{
 
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	 text-decoration: none;
	 color: #000000;
	  vertical-align:middle;
}













/* END OF LEFT MENU */




body{
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(images/bg_top.gif) repeat-x top left;
	background-color: #ececec;
}

.tab_container{
	margin: 0 auto;
	padding: 0;
	text-align: left;	
}

.tab_content{
	background-color: #FFFFFF;
	border: 1px solid #d8d6d6;
}


.tab_left_menu{
	background-color: #FFFFFF;
	border: 5px solid #ffffff;
	padding: 0px;
}


.td_menu_top{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 20px;
	color: #698ca5;
}

.td_menu_top a{
	text-decoration: none;
	color: #698ca5;
}

.td_menu_top a:hover{
	text-decoration: underline;

}

.td_menu{
	padding-left: 20px;
	padding-right: 20px;
	
}

.td_signup{
	padding: 10px;
}

.td_signup h3{
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.td_signup p{
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.footer
{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color: #333333;
}

.bread
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #515151;
	
}

.bread a:link
{
	font-family: Arial, Helvetica, sans-serif;
	color: #515151;
	text-decoration:underline;
}

.bread a:visited, a:active
{
	font-family: Arial, Helvetica, sans-serif;
	color: #515151;
	text-decoration:underline;
}

.bread a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #515151;
	text-decoration:underline;
}