body
{
	width: 976px;
	height:100%;
	margin: 0px auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
	margin-top: 20px;
	background-color: #50505A;
	background-image: url('images/bg.jpg');
}

#ftbody
{
	background-color: white;
	text-align:left;
	width: 450px;
}

.ftbody
{
	background-color: white;
	text-align:left;
	width: 450px;
}

h1
{ 
	font-family: Verdana;
	font-size: 22px;
	color: #d2232a; 
	padding:0px;
	margin:2px;
}

h2
{
	font-family: Verdana;
	font-size: 12px;
	line-height:15px;
	color: #818285;
	font-weight: normal;
	padding:0px;
	margin:0px;	
}

.h2
{
	font-family: Verdana;
	font-size: 12px;
	line-height:15px;
	color: #818285;
	font-weight: normal;
	padding:3px;
	margin:0px;
}

h3
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #d2232a; 
	padding:0px;
	margin:0px;	
}

.h3
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #d2232a; 
}

h4
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #d2232a;
	padding:0px;
	margin:0px;	
}

.h4
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #d2232a;
}


h5
{
	font-family: Verdana;
	font-size: 10px;
	line-height:11px;
	font-weight: normal;
	color: #818285;
	padding:0px;
	margin:0px;	
}

.h5
{
	font-family: Verdana;
	font-size: 10px;
	line-height:11px;
	font-weight: normal;
	color: #818285;
	padding:0px;
	margin:0px;	
}

h6
{
	font-family: Verdana;
	font-size: 10px;
	line-height:11px;
	font-weight: bold;
	color: #818285;
	padding:0px;
	margin:0px;	
}

.h6
{
	font-family: Verdana;
	font-size: 10px;
	line-height:11px;
	font-weight: bold;
	color: #818285;
	padding:0px;
	margin:0px;	
}


.h7
{
	font-family: Verdana;
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
	color: #d2232a;
}

.h7select
{
	font-family: Verdana;
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
	color: #818285;
}

.h8
{
	font-family: Verdana;
	font-size: 10px;
	line-height:11px;
	font-weight: bold;
	color: #d2232a;
}
.h8select
{
	font-family: Verdana;
	font-size: 10px;
	line-height:11px;
	font-weight: bold;
	color: #818285;
}

a.h8
{
	font-family: Verdana;
	font-size: 10px;
	line-height:11px;
	font-weight: bold;
	color: #d2232a;
	text-decoration:none;
}
a.h8:hover
{
	text-decoration:underline;
}

a.h8select
{
	font-family: Verdana;
	font-size: 10px;
	line-height:11px;
	font-weight: bold;
	color: #818285;
	text-decoration:none;
}
a.h8select:hover
{
	text-decoration:underline;
}

.h9
{
	font-family: Verdana;
	font-size: 10px;
	line-height:11px;
	font-weight: bold;
	color: #ffffff;
}

.h10
{
	font-family: Verdana;
	font-size: 22px;
	font-weight: normal;
	color: #818285;
}

.h11
{
	font-family: Verdana;
	font-size: 20px;
	font-weight: normal;
	color: white;
}


.h12
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

.h13
{
	font-family: Verdana;
	font-size: 10px;
	line-height: 11px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	margin: 0px;
}

.h14
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #585859;
	padding-left: 20px;
}


.h15
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #585859;
	padding-left: 20px;
}

.h16
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

.h17
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
}


.brief
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: normal;
	color: #818285;
	padding:0px;
	margin:0px;	
}

p
{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

a
{
	font-family: Verdana;
	font-size: 10px;
	color: #818285;
	font-weight: normal;
	text-decoration:none;
}

a:hover
{
	cursor: pointer;
	text-decoration: underline;
	color:#D2232A;

}

.les_link
{
	font-size: 10px;
	color: #D2232A;
	font-weight:bold;
	text-decoration:none;
}

.se_link
{
	font-size: 10px;
	color: #7C756F;
	font-weight:bold;
	text-decoration:none;
}

.red_link
{
	font-size: 10px;
	color: #D2232A;
	text-decoration:none;
}


.copyright
{
	font-size: 12px;
	font-weight: bold;
	color: #C4C4C4;
}

.BG1
{
	background-color:#D2232A;
}

.BG2
{
	background-color:#818285;
}

.BG3
{
	background-color: #E5E6E6;
}

.BG4
{
	background-color:#CBDBEF;
}

.BG5
{
	background-color:#E3E8EE;
}

hr
{
	width: 505px;
	height: 1px;
	color: #818285;
}

.editable
{
	border: 2px dashed #FF6600;
}

.graphics
{
	border: 2px dashed #000000;
}

.textbox
{
	border: 1px solid #000000;
	height: 15px;
}

.searchbox
{
	border: 1px solid #000000;
	height: 20px;
	vertical-align:middle;
}

.smsbox
{
	border: 1px solid #000000;
	height: 20px;
	width: 130px;
	font-size: 10px;
	color: #818285;
}

.ddluser
{
	top:5px;
}

.roundedPanel
{	
	width:580px;
			
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


/*image upload*/
a.linkExplore
{ 
	display: block;
	float: left;
	width: 130px;
	height: 130px;
	margin: 10px;
	border: 1px dashed #4E6973;
	margin-bottom: 40px;
	text-decoration:none; 
	color: #000000; 
	font-size: 11x; }


a.linkExplore:hover
{
	border: 1px solid #4E6973;
}


a.linkDirectory
{ 
	display: block;
	float: left;
	width: 130px;
	height: 130px;
	margin: 10px;
	margin-bottom: 40px;
	text-decoration:none; 
	color: #000000; 
	font-size: 11x; }


a.linkDirectory:hover
{
	border: 1px solid #4E6973;
}

#divFileList
{
	float: left;
	
	
}

#ImageGallery1_divExplore
{
	margin: 10px;
	padding:10px;
	border: 2px solid #CCCCCC;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	overflow: auto;
	background:white;
	width: 490px;
	height:540px;
}

#divExplore
{
	margin: 10px;
	padding:10px;
	border: 2px solid #CCCCCC;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	overflow: auto;
	background:white;
	width: 490px;
	height:540px;
}

.imglist 
{        
	 border:0px;
	max-width:128px;    
	max-height:128px;      
	min-width:100px;    
	min-height:100px;     
	cursor:pointer;        
	    
	padding: 3px;        
	zoom:expression( function(elm) 
	{          
	if(elm.width>0 && elm.height>0)         
	{            
	var max_width = 200;            
	var max_height = 132;            
	var min_width = 100;            
	var min_height = 100;            
	//min            
	if(elm.width/elm.height<=min_width/min_height)            
	{               
	if(elm.width<min_width)               
	{                  
	elm.width=min_width;                  
	elm.height=(elm.height/min_width)*elm.width;               
	}            
	}            
	else            
	{               
	if(elm.height<min_height)               
	{                  
	elm.height=min_height;                  
	elm.width=(elm.width/min_height)*elm.height;               
	}            
	}            
	//max            
	if(elm.width/elm.height>=max_width/max_height)            
	{               
	if(elm.width>max_width)               
	{                  
	elm.width=max_width;                  
	elm.height=(elm.height*max_width)/elm.width;               
	}            
	}           
	else           
	{               
	if(elm.height>max_height)               
	{                  
	elm.height=max_height;                  
	elm.width=(elm.width*max_height)/elm.height;               
	}            
	}            
	elm.style.zoom = '1';          
	}       
	}(this));    
} 


.hidden
{
	display:none;
}

#ImageGallery1_divImageEdit
{
	border: 1px double #999999;
	float: left;
	text-align:left;
	margin: 10px;
	padding:10px;
}
/* end image upload*/

.watermarked {
	height:18px;
	width:400px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}

.watermarked2
{
	height: 18px;
	width: 400px;
	padding: 4px 0 0 2px;
	border: 1px solid #000000;
	background-color: #F0F8FF;
	color: #000000;
}


.watermarked3
{
	height: 18px;
	width: 130px;
	padding: 4px 0 0 2px;
	border: 1px solid #000000;
	background-color: #F0F8FF;
	color: #000000;
}


.error
{
	text-align: left;
	border: 1px solid #6699FF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6699FF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6699FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6699FF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6699FF;
	background-color: #D6E3E4;
	font-family: Verdana;
	font-size: 12px;
	color: #d2232a; 
	padding:8px 5px 8px 5px;
	margin-top:5px;
	margin-left:15px;
	margin-right:15px;
}

.navigatebar
{
	position:absolute;
	height: 20px;
	text-align: left;
	background-color: #D6E3E4;
	top: 428px;
	left:1px;
	padding-left:10px;
	width:93%;
	
}

.rightalign
{
	text-align: right;
	font-family: Verdana;
	font-size: 8px;
	color: #666633;
}

.leftalign
{
	text-align:left;
	font-family: Verdana;
	font-size: 9px;
}

.BGtitle
{
	background-color: #D1DDF1;
}


a.navigate
{
	font-family: Verdana;
	font-size: 12px;
	color: #d2232a;
	font-weight: normal;
	
}


a.navigate:hover
{
	text-decoration:underline;
	cursor: pointer;
}

.newsgridline
{
    border-top-style: none;
    border-bottom: #818285 1px solid;
    padding:10px 10px 10px 0px;
    
}

.gridline
{
	border-top-style: none;
	border-bottom: #333333 1px solid;
	padding-right:4px;
	
}

.newsgridline2
{
    border-top-style: none;
    border-bottom: #818285 1px solid;
    padding:3px;
    
}

.newsgridlineleft
{
	border-top-style: none;
    border-bottom: #818285 1px solid;
    padding-top:5px;
    padding-left: 5px;
}

.SMSh3
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #d2232a; 
	
}

.searchBar
{
	position:relative;
	left:200px;
	bottom:35px;
			
}

.searchBar1
{
	position:relative;
	left:245px;
	bottom:35px;
}

.searchBar2
{
	position:relative;
	left:290px;
	bottom:35px;
			
}


a.editlink
{
	display:block;
	height:16px;
	width:16px;
	background-image: url('images/editfiledark.png');
}

a.editlink:hover
{
	background-image: url('images/editfile1.png');
}

.margin5
{
	margin:5px;
}

.justify
{
	text-align:justify;
}

a.h3
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #d2232a; 
	 text-decoration:none;
}

a.h3:hover
{
	 text-decoration:underline;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 150px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

a.blue
{
	font-family: Verdana;
	font-size: 10px;
	color: #0000FF;
	font-weight: normal;
	text-decoration: none;
}

a.blue:hover
{
	text-decoration:underline;
	cursor: pointer;
}

a.red
{
	font-family: Verdana;
	font-size: 10px;
	color: #d2232a; 
	font-weight: normal;
	text-decoration: none;
}

a.red:hover
{
	text-decoration:underline;
	cursor: pointer;
}


a.game
{
	font-family: Verdana;
	font-size: 10px;
	color: #344E87; 
	font-weight: bold;
	text-decoration: none;
}

a.game:hover
{
	cursor: pointer;
	text-decoration: underline;
	color:#D2232A;
}


em
{
	background-color: #FFFF66;
	color: #FF0000;
	font-style: normal;
}

.gametitle
{
	width: 504px;
	background-image:url('images/gamebg.jpg');
	height:262px;
}