/* 
================================
Skin styles for DotNetNuke
================================
*/   
.body, p, span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height: 150%;}
.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #EBF2FA;
}
.skinmaster {
	height: 100%;
	width:1000px;
}
.banner{
	height:154px;
	background-image:url(banner.png); 
	background-position:top; 
	background-repeat:no-repeat;
}
.border{
	border-right: #00466A 1px solid; 
	border-top: #00466A 1px solid; 
	border-left: #00466A 1px solid; 
	border-bottom: #00466A 1px solid; 
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px;
	background:#FFFFFF;
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}

.leftpane {
	width: 190px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 0px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
}
.rightpane {
	width: 190px;
	background-color: transparent;
	padding-left: 2px;
	padding-right: 0px;
	padding-top: 0px;
}

.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}

.textxanh{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#006DA6}
.Head {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #006DA6;
}
.head1 .Head{
   font-family: Arial, Helvetica, sans-serif;
   font-size:  12px;
   font-weight: bold;
   color: #ffffff;
}
a.link2{
	COLOR: #226A95;FONT-SIZE: 12; Font-family: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; font-weight:bold;
	}
a:link.link2 {
	COLOR: #226A95;FONT-SIZE: 12 ;Font-family: "Arial, Helvetica, sans-serif";
	TEXT-DECORATION: none; font-weight:bold;
	}
a:visited.link2 {
	COLOR: #226A95;FONT-SIZE: 12;Font-family: "Arial, Helvetica, sans-serif";
	TEXT-DECORATION: none; font-weight:bold;
	}
a:hover.link2 {
	COLOR: #ff0000;FONT-SIZE: 12;Font-family: "Arial, Helvetica, sans-serif";
	TEXT-DECORATION: none; font-weight:bold;
	}
.SkinObject
{
	font-weight: bold;
	font-size: 11px;
	color: #006DA6;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

A.SkinObject:link
{
	text-decoration: none;
	color: #006DA6;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #006DA6;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #006DA6;
}

/*--------- CSS menu bar-----------*/
.halfmoon{
margin-bottom: 0px;
}

.halfmoon ul{
padding: 3px 9px 2px 5px;
margin-right: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
/*border-bottom: 1px solid #307AA1;*/
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid gray;
color: #409FD5;
font-size: 12px;
background: #EAF3F7 url(halfmoontab.gif) top right no-repeat;
}

.halfmoon li a:visited{
color: #409FD5;
}

.halfmoon li a:hover, .halfmoon li.selected a{
background-color: #2D8EC6;
color:#ffffff; 
}


.Normal, .NormalDisabled
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.left-title-link {
	color:#0066CC ;
	font-family:Arial, Helvetica, sans-seriffont-size:12px ;
	font-weight:bold ;
	text-decoration:none ;
}
.left-title-link:hover {
	color:#FF0000 ;
	font-family:Arial, Helvetica, sans-seriffont-size:12px ;
	font-weight:bold ;
	text-decoration:none ;
}

.top-title { 
	font-family:Arial, Helvetica, sans-seriffont-size:19px ;
	color:#CC0000  ;
	text-decoration:none  ;
}
.top-title:hover { 
	font-family:Arial, Helvetica, sans-seriffont-size:19px ;
	color:#FF0000 ;
	text-decoration:none ;
}

.top-summary{ 
	font-family:Arial, Helvetica, sans-seriffont-size:13px ;
	text-align:justify ;
}

.subtop-title{
	color:#000000 ;
	font-family:Arial, Helvetica, sans-seriffont-size:12px ;
	font-weight:normal ;
	padding-left:4px ;
	padding-right:4px ;
	text-align:justify ;
	text-decoration:none ;
}
.subtop-title:hover {
	color:#FF0000 ;
	font-family:Arial, Helvetica, sans-seriffont-size:12px ;
	font-weight:normal ;
	padding-left:4px ;
	padding-right:4px ;
	text-align:justify ;
	text-decoration:none ;
}

.topic-link{
	color:#9A9A9A ;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px ;
	font-weight:bold ;
	text-transform:uppercase ;
	text-decoration:none ;
}
.topic-link:hover{
	color:#FF0000 ;
	font-family:Arial, Helvetica, sans-seriffont-size:14px ;
	font-weight:bold ;
	text-transform:uppercase ;
	text-decoration:none ;
}

.topic-title{
	color:#FF0000 ;
	font-family:Arial, Helvetica, sans-seriffont-size:12px ;
	font-weight:bold ;
	text-decoration:none ;
}
.topic-title:hover{
	color:#FF0000 ;
	font-family:Arial, Helvetica, sans-seriffont-size:12px ;
	font-weight:bold ;
	text-decoration:underline 	;
}

.topic-summary{
	font-family:Arial, Helvetica, sans-seriffont-size:12px ;
	text-align:justify ;
}

.random-title{
	font-family:Arial, Helvetica, sans-seriffont-size:12px ;
	color:#9A9A9A ;
	text-decoration:none ;
}
.random-title:hover{
	font-family:Arial, Helvetica, sans-seriffont-size:12px ;
	color:#FF4444 ;
	text-decoration:none ;
}

.news-title{
	font-family:Arial, Helvetica, sans-seriffont-size:13px ;
	font-weight:bold ;
	color:#FF0000 ;
	text-decoration:none ;
}

.news-summary{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px ;
	font-weight:bold ;
	text-decoration:none ;
	text-align:justify ;
}

.news-content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
}
/* (end) News module*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.huddletogether.com/projects/lightbox/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.huddletogether.com/projects/lightbox/overlay.png", sizingMethod="scale");
	}