
BODY
{
    color:#102f51;
    
        font-size: 15px;
        font-family: verdana;
    
    background:#98d2e8 url(../bg.jpg) repeat-x 0 0;
    margin:0;
    padding:0;
    direction:ltr
    
}
TD
{
    
        font-size: 15px;
        font-family: verdana;
    
    color:#102f51;
}
Body.PopBody
{
	background-color: white;
	margin: 0;
	padding: 5px;
	background-image: none;
}
A
{
    COLOR: #333333;
    TEXT-DECORATION: none;
}
A:hover
{
    COLOR: black;
    TEXT-DECORATION: underline; 
}
#MainTable
{
	width: 984px;
	height: 100%;
	background:url(../header_ltr.jpg) no-repeat 0 0;
}
#Header
{
    height:186px;
}
#Logo
{
    top:25px;
    left:25px;
    position:absolute;
    width:120px;
    height:120px;
    display:block;
    outline:0;
}
#Top
{
    background:url(../top.png) no-repeat 0 0;
    width:984px;
    height:11px;
}
#Bottom
{
    background:url(../bottom.png) no-repeat 0 0;
    width:984px;
    height:11px;
}
.FullWidHht
{
	width: 100%;
	height: 100%;
}
/*********************** Main Menu *******************/
#MenuDir
{
    direction:ltr;
}
.MenuArea
{
    height:50px;
    width:660px;
    padding-right:5px;
    float:right;
}
.m_Left
{
    background:url(../menu.png) no-repeat 0 -100px;
    width:16px;
    height:50px;
}
.m_Right
{
    background:url(../menu.png) no-repeat 0 0;
    width:16px;
    height:50px;
}
.MainMenu
{
	text-align:center;
	background:url(../menu.png) repeat-x 0 -50px;
	height:50px;
	line-height:50px;
	color:#eaebf0;
	font-weight:bolder;
	
}
.MainMenu A
{
    color:#eaebf0;
	font-weight:bolder;
    text-transform:capitalize;
}
.MainMenu A:hover
{
    color:White;
    text-decoration:none;
}
.Separator
{
    background:url(../sp.jpg) no-repeat 0 0;
    width:2px;
}
/******************* Footer Area ***************************/
#FooterCell
{
    color: black;
    text-align: center;
    height:35px;
    font-size: 11px;
}
#FooterCell A
{
	color: black;
	text-decoration: none;
	font-weight: bolder;
	font-size: 11px;
}
#FooterCell A:hover
{
	color: black;
	text-decoration: underline;
}
/***************** Body Area ****************************/
#BodyArea
{
	height: 100%;
	width: 100%;
	padding:10px;
	background-color:white;
}
#SideCell
{
	height:100%;
	width: 226px;
}
.BodyCell
{
    padding-Left:10px;
    background-color:white;
    background-image:none;
}
.UserBodyCell
{
    padding-Left:10px;
    width:100%;
    height:100%;
}
.SideDiv
{
	margin-bottom: 10px;
}
.HeadCell
{
	font-weight:bolder;
	color: #102f51;
    font-size: 18px;
	margin-bottom:10px;
	width:450px;
	float: Left;;
	padding-left:5px;
	padding-right:5px;;
}
.HeadCell A
{
	font-weight: bolder;
	font-size: 20px;
	color: #102f51;
}
.HeadCell A:hover
{
	color: black;
	text-decoration: none;
}
.HeadCell2
{
	font-weight:bolder;
	color: #102f51;
	margin-bottom:5px;
	margin-right:5px;
	margin-left:5px;
	font-family:arial;
	font-size:16px;
	padding-top:7px;
}
.SubMenu
{
	list-style-type: disc;
	padding-right: 3px;
	margin-top:5px;
	margin-Right:0px;
	margin-Left:15px;
	margin-bottom:0;
	color: #676768;
	padding:0;
}
.SubMenu li
{
	padding:2px 0 2px 0;
	margin: 0;
	color: #676768;
	white-space:normal !important;
	line-height:16px;
	font-size:13px;
}
.SubMenu li A
{
	text-decoration: none;
	color: #676768;
	white-space:normal;
	
}
.SubMenu li A:hover
{
	text-decoration: none;
	color:black;
}
.SubMenu2
{
	list-style-type: disc;
	margin-top:5px;
	margin-Right:0px;
	margin-Left:15px;
	margin-bottom:0;
	color: white;
	padding:0;
}
.SubMenu2 li
{
	padding:2px 0 2px 0;
	margin: 0;
	color: white;
	white-space:normal !important;
	line-height:16px;
	font-size:13px;
}
.SubMenu2 li A
{
	text-decoration: none;
	color: white;
	white-space:normal;
	
}
.SubMenu2 li A:hover
{
	text-decoration: none;
	color:black;
}
/******************************/
.formfield
{
	border:#2090cf 1px solid;
    FONT-SIZE: 12px;
    FONT-FAMILY: Tahoma;
    background-color:white;
    color:#102f51;
}
.formButton
{
	border:#2090cf 1px solid;
	padding:3px 5px 3px 5px;
    FONT-SIZE: 12px;
    FONT-FAMILY: Tahoma;
	background-color:#bfe6fc;
	color:#043e61;
	font-weight:bolder;
}

.FormNote{
	color:gray;
	font-size:11px;
}

Label.error {
	color:red;
}
.HLine
{
    border-bottom:1px solid #2090cf;
    border-left:0;
    border-right:0;
    border-top:0;
    
}

a.LinkButton, a.LinkButton:hover 
{
    border:#2090cf 1px solid;
    background-color:#bfe6fc;
	color:#043e61;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    text-decoration: none;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family:arial;
}
.RevAlign
{
    text-align:Right;
    padding-top:7px;
    margin-bottom:5px;
}
.FooterLogo
{
    width:100%;
    height:63px;
}
.FooterLogo td a 
{
    outline:0;
}
.FooterLogo td a img
{
    border:0;
}
.LinkDiv
{
    margin-bottom:10px;
}
.BiggerSide
{
    width:470px;
    float:Left;
}
.SmallerSide
{
    width:250px;
    float:Right;
}
.Thumbnail img
{
    border:3px double silver;
    float:Right;
}
/*************** Frames *****************/
.bf11
{
	background:url(../bf.png) no-repeat 0 -72px;
	width:6px;
	height:36px;
}
.bf13
{
	background:url(../bf.png) no-repeat 0 0;
	width:6px;
	height:36px;
}
.bf21
{
	border-left:1px solid #aebfca;
	background-color:#f4f8fa;
	height:100%;
	font-size:1px;
	border-bottom:1px solid #aebfca;
}
.bf23
{
	border-right:1px solid #aebfca;
	background-color:#f4f8fa;
	height:100%;
	font-size:1px;
	border-bottom:1px solid #aebfca;
}
.BodyFrameHeader
{
    background:url(../bf.png) repeat-x 0 -36px;
	color:#065585;
	Font-size:16px;
	font-weight:bolder;
	height:36px;
	line-height:36px;
	padding-left:5px;
	padding-right:5px;
	direction:ltr;
	font-family:arial;
}
.BodyFrameHeader a
{
    color:#065585;
    font-weight:bolder;
}
.BodyFrameHeader a:hover
{
    color:black;
    font-weight:bolder;
    text-decoration:none;
}
.BodyFrame
{
    border-bottom:1px solid #aebfca;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#f4f8fa;
	width:100%;
	height:100%;
	direction:ltr
}
.BodyFrame A,.BodyFrame A:hover
{
	color:black;
}
/*********/
.sf11
{
	background:url(../sf.png) no-repeat 0 -72px;
	width:6px;
	height:36px;
}
.sf13
{
	background:url(../sf.png) no-repeat 0 0;
	width:6px;
	height:36px;
}
.sf21
{
	border-left:1px solid #163e68;
	border-bottom:1px solid #163e68;
	background-color:#6fc2e9;
	height:100%;
	font-size:1px;
}
.sf23
{
	border-right:1px solid #163e68;
	border-bottom:1px solid #163e68;
	background-color:#6fc2e9;
	height:100%;
	font-size:1px;
}
.SideFrameHeader
{
    background:url(../sf.png) repeat-x 0 -36px;
	color:white;
	Font-size:16px;
	font-weight:bolder;
	height:36px;
	line-height:36px;
	padding-left:5px;
	padding-right:5px;
	direction:ltr;
	font-family:arial;
}
.SideFrameHeader a
{
    color:white;
    font-weight:bolder;
}
.SideFrameHeader a:hover
{
    color:white;
    font-weight:bolder;
    text-decoration:none;
}
.SideFrame
{
    border-bottom:1px solid #163e68;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#6fc2e9;
	width:100%;
	height:100%;
	direction:ltr
}
.SideFrame A,.SideFrame A:hover
{
	color:white;
}
/**************.Net Fixed********************/
#ShareBox
{
	float: Right;
	width: 155px;
	direction:ltr;
}
#ShareBox Iframe{
	margin:0 2px 0 0;
}
div.FanBox {
	height: 61px;
	width: 215px;
	overflow: hidden;
}
div.FanBox iframe{
	width:205px;
	height:305px;
	overflow:hidden;
	margin:-1px 0 0 -4px;
}

#InHeader
{
	height: 186px;
	position: relative;
	width: 984px;
}
div.LoginBox
{
	margin-bottom: 5px;
	overflow:hidden;
	width:195px;
}
#Header .SocialBox
{
	right: 20px;
	top: 10px;
	height: 30px;
	position: absolute;
	width: 150px;
	z-index: 1000;
}
#Header .SocialBox a
{
	display: block;
	float: right;
	margin-left: 2px;
}
/***************** Captcha ******************/
.captcha-div{
 margin:2px;
}
.captcha-div label{
 line-height: 22px;
 display:block;
 float:left;
 margin:1px;
}
.captcha-div img{
 margin:1px;
 display:block;
 border:gray 1px solid;
 float:left;
}
.captcha-div input{
 margin:1px;
 line-height: 20px;
 border:gray 1px solid;
 height:20px;
 display:block;
 float:left;
}
.captcha-div span{
display:block;
clear:both;
}

/***************** Member ******************/
div.MemberLink{
	float:left;
	width:24%;
}
/*********** Container Box ******************/
#Header div.LoginBox {
	position:absolute;
	left:55px;
	top:10px;
}
/*********** Page *****************/
div.MemberLoginPage{
	width:400px;
	margin:0 auto;
}
div.MemberLoginPage div {
	padding:4px;
}
div.MemberLoginPage .Facebook .button{
	
}
/*********** Both *****************/
div.MemberLoginBox {
	
}
div.MemberLoginBox div.LabelAndField, div.MemberLoginBox div.LoginButton{
	display:block;
	clear:both;
}
div.MemberLoginBox label {
	width:90px;
	display:block;
	float:left;
}

div.MemberLoginBox div.LabelAndField input{
	display:block;
	float:left;
}

div.MemberLoginBox label.error {
	display: block;
	float:right !important;
}
/************* Weclome Box ****************/
div.MemberWelcomeBox
{
	overflow: hidden;
	position: relative;
	background-color:#637bad;
}
div.MemberWelcomeBox a.Avatar {
	display: block;
	float:left;
	height: 48px;
	width: 48px;
	overflow:hidden;
}
div.MemberWelcomeBox a.Avatar img {
	border:none;
}

div.MemberWelcomeBox .Hello, div.MemberWelcomeBox .Area {
	padding-left: 3px;
	padding-right: 3px;
	background-color: #637bad;
	margin: 0px 0px 0px 50px;
	overflow: hidden;
	width:135px;
	color: white;
	line-height: 24px;
	height: 24px;
	font-size:12px;
}

DIV.MemberWelcomeBox A{
	color: #c1dff3;
}
DIV.MemberWelcomeBox A:hover{
	color: white;
	text-decoration: none;
}


/**************************** FBLoginButton **/
A.FBLoginButton
{
	border: #637bad 1px solid;
	display: block;
	font-weight: bold;
	background: #637bad url(../members/fbicon.png) no-repeat left center;
	filter: alpha(opacity=95);
	color: white; /*text-indent: -28px;*/
	line-height: 24px;
	height: 24px;
	text-decoration: none;
	outline: 0;
	opacity: 0.95;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:190px;
}
A.FBLoginButton:hover
{
	border: #6c83b4 1px solid;
	filter: alpha(opacity=100);
	color: white;
	text-decoration: none;
	opacity: 1;
}
/***************/
.SideFanBox
{
    height: 61px;
	width: 224px;
	overflow:hidden;
	border:1px solid #1c84c4;
	background-color:#f1f6f8;
}
/**************************/
.CarouselArea
{
	height:230px;
	padding-left:10px;
	padding-right:10px;
	background-color:white;
}
#myImageFlow
{
    background:url(../cabg.jpg) repeat-x 0 0;
    padding-bottom:9px;
    width:964px;
    
}
 /* ----------ImageFlow Settings-------- */
/* ==================================== */
.imageflow {
	overflow:hidden;
	position:relative; 
	text-align:left;
	visibility:hidden;
	width:100%;
}
.imageflow img {
	border:none;
	position:absolute;
	top:0px;
	visibility:hidden;
	-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	
}
.imageflow p {
	margin:0 auto;
	text-align:center;
}
.imageflow .loading {
	border:1px solid white;
	height:15px;
	left:50%;
	margin-left:-106px;
	padding:5px;
	position:relative;
	visibility:visible;
	width:200px;
}
.imageflow .loading_bar {
	background:#fff;
	height:15px;
	visibility:visible;
	width:1%;
}
.imageflow .navigation{
	z-index:10000;
	height:55px !important;
}
.imageflow .caption {
	font-weight:bold;
	position:relative; 
	text-align:center;
	z-index:10001;
	color:white;
	padding-top:7px !important;
}
.imageflow .scrollbar {
	border-bottom:1px solid #b3b3b3;
	position:relative; 
	visibility:hidden;
	z-index:10002;
	height:1px;
	margin-top:7px !important;
	margin-right:195px !important;
}
.imageflow .slider {
	background:url("../ImageFlow/slider.png") no-repeat;
	height:14px;
	margin:-6px 0 0 -7px;
	position:absolute;
	width:14px;
	z-index:10003;
}
.imageflow .slideshow {
	cursor:pointer;
	height:14px;
	margin-top:20px;
	margin-Right:0;
	margin-Left:20px;
	margin-bottom:0;
	position:absolute;
	width:14px;
	z-index:10003;
}
.imageflow .slideshow.pause {
	background:url("../ImageFlow/button_pause.png") no-repeat;
}
.imageflow .slideshow.play {
	background:url("../ImageFlow/button_play.png") no-repeat;
}
.imageflow .images {
	overflow:hidden;
	white-space:nowrap;
	height:175px !important;
}
.imageflow .button {
	cursor:pointer;
	height:17px;
	position:relative;
	width:17px;
}
.imageflow .previous {
	background: url("../ImageFlow/button_left.png") top left no-repeat;
	float:left;
	margin: -7px 0 0 -30px;
}
.imageflow .next {
	background: url("../ImageFlow/button_right.png") top left no-repeat;
	float:right;	
	margin:-7px -30px 0 30px;
}