body, input {
	margin:0;
	padding:0;
	font:11px "Lucida Grande", Arial, Sans-serif;
	color:#789;
	background-repeat: repeat;
	#background-image: url();
	background-color: #F3F5FE;
	border:0px solid;
	margin-top:0px;

}
a {
	font-size: 12px;
	color: #5A7D4F;
}
a:visited {
	color: #72A79C;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
	color: #939CB7;
	text-decoration: none;
}
a:link {
	color: #3C514F;
	text-decoration: none;
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
	MARGIN-TOP: 5px; PADDING-TOP: 0px
}
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
SELECT, TEXTAREA{
	FONT-SIZE: 11px; COLOR: #58595b; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}
.dotline {
	BACKGROUND: url(images/dotline.gif) #ffffff repeat-x left top
}
.topicicon {
	margin: 3px;
	border: 2px solid #336699;
}
.tablecomment {
	border: 1px solid #339999;
}
.foottext {color: #FFFFFF}


/**/
.calendarHeader { 
    font-weight: bolder; 
    color: ; 
    background-color: #DBDDE6; /**/
}
/**/
.calendarToday { 
    background-color: #C7CBD8;
	font-weight: bold;
}
/**/
.calendar { 
    width:230;/**/
    background-color: #B0D8FF; 
	BACKGROUND: url(images/calendarbg.gif)
}



.highslide-html {
    background-color: white;
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}



#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 100;
	filter: Alpha(Opacity=80);
	font-weight: bold;
	color: #000000;
	font-family: MS Sans Serif;
	font-size: 10px;
:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.transp {
	filter: Alpha(Opacity=100);
}


#DHTMLgoodies_formTooltipDiv{
	color:#FFF;
	font-family:tahoma;
	font-weight:bold;
	font-size:11px;
	line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#FFFFFF;
	font-weight:normal;
	font-size:10px;
}


/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

.frindmenu {
	color:#666; border: #e6e6e6 1px solid; 	padding: 2px;	FONT-SIZE: 11px; 	BACKGROUND: #FFF;	TEXT-DECORATION: none
}
.frindmenu A:link {
	color:#666; border: #e6e6e6 1px solid; 	padding: 2px;	FONT-SIZE: 11px; 	BACKGROUND: #FFF;	TEXT-DECORATION: none
}
.frindmenu A:visited {	
	color:#666; border: #e6e6e6 1px solid; 	padding: 2px;	FONT-SIZE: 11px; 	BACKGROUND: #FFF;	TEXT-DECORATION: none
}
.frindmenu A:hover {
	border: #e6e6e6 1px solid; 	BACKGROUND: #799ae3; 	COLOR: #ffffff; 
}
/*---------------------font & layout------------------*/

.font-gray-11px{
font-size:11px;
color: #666666;
}

.font-gray-13px{
font-size:13px;
color: #666666;
}

.font-gray-15px-bold{
font-size:15px;
color: #666666;
font-weight:bold;
}

.font-red-13px{
font-size:13px;
color: #d30102;
}

.font-red-16px-bold{
font-size:16px;
font-weight:bold;
color: #d30102;
}

.font-red-18px-bold{
font-size:18px;
font-weight:bold;
color: #d30102;
}

.font-withe-13px{
font-size:13px;
color: #ffffff;
}

.font-green-13px{
font-size:13px;
color:#6B971B;
}

.font-green-16px{
font-size:16px;
font-weight:bold;
color:#6B971B;
}


.font-withe-16px{
font-size:16px;
font-weight:bold;
color: #ffffff;
}

.border{
border:1px solid #999999;
}

.border-green{
border:1px solid #8AC227;
}


.border-news{
border:3px solid #bbb;
}

.font-rank{
font-size:16px;
color: #666666;
font-weight:bold;
height:26px;
width:26px;
background-image:url(../images_new/bg-rank.gif);
}

.font-rank-video{
font-size:16px;
color: #ffffff;
font-weight:bold;
height:26px;
width:26px;
background-image:url(../images_new/bg-rank-clip.gif);
}

.form{
border:1px solid #CCCCCC;
background-color:#EBEAEA;
}

.tag-hidden span{
width:100%;
height:100%;
visibility:hidden;
}

/*--------------------------------------------------*/
/**-----------**/
fieldset.search {
	border: none;
	width: 225px;
	margin: 0 auto;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #bb;
	font-size: 11px;
	width: 135px;
	height: 30px;
	padding: 0px 0px 0;
	background:url(images/sample.png);
	margin-right: 1px;
}
.search button.btn {
	width: 86px;
	height: 32px;
	cursor: pointer;
	text-indent: -9999px;
	background:url(images/btn_search.gif);
}
/***--------***/
.mysborders {
	border : 1px solid #cccccc;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1px;
	padding : 6px;
	background-image:url(images/btn_search.png);
	background-repeat:no-repeat;
	padding-left:23px;
}

/************* menu **************/
#styleone {
	position:relative;
	display:block;
	height:21px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(images/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-bottom:1px solid #8A8A8A;
	}
#styleone ul {
	margin:0;
	padding:0;
	list-style-type:none;
	#width:auto;
	}
#styleone ul li {
	display:block;
	float:left;
	margin:0 1px 0 0;}
#styleone ul li a {
	display:block;
	float:left;
	color:#8A8A8A;
	text-decoration:none;
	padding:3px 20px 0 20px;
	height:18px;
	}
#styleone ul li a:hover,#styleone ul li a.current {
	color:#629DBD;
	background:#D6E4F3;
	}
/*----------------------------
	CSS3 Animated Navigation
-----------------------------*/


.fancyNav{
	/* Affects the UL element */
	overflow: hidden;
	display: inline-block;
	float: right;
}

.fancyNav li{
	/* Specifying a fallback color and we define CSS3 gradients for the major browsers: */
	
	background-color: #f0f0f0;
	background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
	background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	
	border-right: 1px solid rgba(9, 9, 9, 0.125);
	
	/* Adding a 1px inset highlight for a more polished efect: */
	
	box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	-moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	
	position:relative;
	
	float: left;
	list-style: none;
}

.fancyNav li:after{

	/* This creates a pseudo element inslide each LI */	
	
	content:'.';
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	opacity:0;
	
	/* Gradients! */
	
	background-image:-webkit-gradient(linear, left top, right top, from(rgba(168,168,168,0.5)),color-stop(0.5,rgba(168,168,168,0)), to(rgba(168,168,168,0.5)));
	background-image:-moz-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	background-image:-o-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	background-image:-ms-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	background-image:linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	
	/* Creating borders with box-shadow. Useful, as they don't affect the size of the element. */
	
	box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	
	/* This will create a smooth transition for the opacity property */
	
	-moz-transition:0.25s all;
	-webkit-transition:0.25s all;
	-o-transition:0.25s all;
	transition:0.25s all;
}

/* Treating the first LI and li:after elements separately */

.fancyNav li:first-child{
	border-radius: 4px 0 0 4px;
}

.fancyNav li:first-child:after,
.fancyNav li.selected:first-child:after{
	box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
	-moz-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
	-webkit-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
	
	border-radius:4px 0 0 4px;
}

.fancyNav li:last-child{
	border-radius: 0 4px 4px 0;
}

/* Treating the last LI and li:after elements separately */

.fancyNav li:last-child:after,
.fancyNav li.selected:last-child:after{
	box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
	-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
	-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
	
	border-radius:0 4px 4px 0;
}

.fancyNav li:hover:after,
.fancyNav li.selected:after,
.fancyNav li:target:after{
	/* This property triggers the CSS3 transition */
	opacity:1;
}

.fancyNav:hover li.selected:after,
.fancyNav:hover li:target:after{
	/* Hides the targeted li when we are hovering on the UL */
	opacity:0;
}

.fancyNav li.selected:hover:after,
.fancyNav li:target:hover:after{
	opacity:1 !important;
}

/* Styling the anchor elements */

.fancyNav li a{
	color: #5d5d5d;
	display: inline-block;
	font: 15px/1 Lobster,Arial,sans-serif;
	padding: 10px 20px 15px;
	position: relative;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	z-index:2;
	text-decoration:none !important;
	white-space:nowrap;
	height:5px;
}

.fancyNav a.homeIcon{
	background:url('images/menu/home.png') no-repeat center center;
	display: block;
	overflow: hidden;
	padding-left: 12px;
	padding-right: 12px;
	text-indent: -9999px;
	width: 10px;
}


/*-------------------------
	Demo Page Styles
--------------------------*/