﻿body
{
	margin: 0px;
	background-color: #F5F5F5;
	background-image: url(images/mainBack.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

td
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
}

td a
{
	color: #333333;
	text-decoration: underline;
}

td a:hover
{
	color: #333333;
	text-decoration: none;
}

.mainBack
{
	background-color: #F5F5F5;
	background-image: url(images/mainBack.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

.blackTopArea
{
	background-color: #000000;
	color: #FFFFFF;
	height: 16px;
}

.blackTopArea a
{
	color: #FFFFFF;
	text-decoration: none;
}

.blackTopArea a:hover
{
	color: #CCCCCC;
	text-decoration: none;
}

/********************* alex css *******************************/
.blackTopAreaNoBG
{
	color: #FFFFFF;
	height: 16px;
}

.blackTopAreaNoBG a
{
	color: #FFFFFF;
	text-decoration: none;
}

.blackTopAreaNoBG a:hover
{
	color: #CCCCCC;
	text-decoration: none;
}

.blackTopAreaUnderlined
{
	color: #FFFFFF;
	height: 16px;
}

.blackTopAreaUnderlined a
{
	color: #FFFFFF;
	text-decoration: underline;
}

.blackTopAreaUnderlined a:hover
{
	color: #CCCCCC;
	text-decoration: underline;
}
/********************* alex css *******************************/
.greyRightAreaBack
{
	background-image: url(images/greyBackRightArea.jpg);
	background-repeat: repeat-y;
}

.siteShadow
{
	background-image: url(images/siteShadow.jpg);
	background-repeat: repeat-y;
	background-position: 0px 370px;
}

.whiteBack
{
	background-color: #F8F8F8;
	border-left: 2px solid #000000;
}

.greyTopAreaLeft
{
	background-color: #C6C6C6;
	font-size: 11px;
	color: #FFFFFF;
}

.greyTopAreaLeft_title
{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.greyTopAreaRight
{
	background-color: #6B6B6B;
	font-size: 11px;
	color: #FFFFFF;
}

.greyTopAreaRight_score
{
	font-size: 11px;
	color: #CCCCCC;
}

.menuBack
{
	background-image: url(images/menuBack.jpg);
	background-repeat: repeat-x;
	height: 25px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 0px;
}

.manu
{
	color: #666666;
	font-size: 12px;
	background-image: url(images/menuSeperator.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.manu a
{
	color: #666666;
	text-decoration: none;
}

.manu a:hover
{
	color: #FF6600;
	text-decoration: none;
}

.manu_active
{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/menuSeperator.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.manu_active a
{
	color: #FFFFFF;
	text-decoration: none;
}

.inputSearchField
{
	background-image: url(images/inputFieldBack.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #000000;
	color: #00FF00;
	font-size: 10px;
}

.inputField
{
	background-color: #FFFFFF;
	color: #333333;
	border: 1px solid #999999;
	font-size: 10px;
	width: 200;
}

.button
{
	background-image: url(images/inputFieldBack.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

.red_dark_menu
{
	background-color: #B11D1D;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	height: 22px;
}

.red_menu
{
	background-color: #CC0000;
	background-image: url(images/redBack.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.red_menu a
{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.red_menu a:hover
{
	color: #F3BFBF;
	text-decoration: none;
}

.yellow_light_menu
{
	background-color: #FFA922;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	height: 22px;
}

.yellow_menu
{
	background-color: #FF6905;
	background-image: url(images/yellowBack.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.yellow_menu a
{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.yellow_menu a:hover
{
	color: #FFD3B6;
	text-decoration: none;
}

.black_dark_menu
{
	background-color: #000000;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	height: 22px;
}

.black_menu
{
	background-color: #000000;
	background-image: url(images/blackBack.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 11px;
	color: #FFFFFF;
}

.black_menu a
{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.black_menu a:hover
{
	color: #CCCCCC;
	text-decoration: none;
}

.gray_light_menu
{
	background-color: #FFFFFF;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	height: 22px;
}

.gray_menu
{
	background-color: #EBEBEB;
	color: #666666;
}

.gray_menu a
{
	color: #6C96DB;
	text-decoration: underline;
}

.gray_menu a:hover
{
	color: #6C96DB;
	text-decoration: none;
}

.bottomBackImage01
{
	background-image: url(images/bottomBackImage01.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #000000;
}

.blackBottomArea
{
	background-color: #000000;
	color: #999999;
	height: 27px;
	padding-right: 15px;
}

.blackBottomArea a
{
	color: #999999;
	text-decoration: underline;
}

.blackBottomArea a:hover
{
	color: #999999;
	text-decoration: none;
}

.footer
{
	color: #666666;
	line-height: 15px;
	padding: 10px;
}

.topAreaBack
{
	background-color: #EBEBEB;
}

.titleArea
{
	color: #6B6B6B;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.titleArea2
{
	color: #6B6B6B;
	font-size: 18px;
	padding-top: 12px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.subtitleArea
{
	color: #666666;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-weight: bold;
}

.subtitleArea2
{
	color: #666666;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.subtitleArea3
{
	color: #666666;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:lighter;
}

.imageArea
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	color: #999999;
}

.imageArea a
{
	color: #999999;
	text-decoration: underline;
}

.imageArea a:hover
{
	color: #999999;
	text-decoration: none;
}

.redStar
{
	color: #FF0000;
	padding-left: 5px;
}
.padding_gen {padding:3px;}
#paddingLR10px
{
	padding-left: 10px;
	padding-right: 10px;
}

#paddingL10px
{
	padding-left: 10px;
}

#paddingL25px
{
	padding-left: 25px;
}

#padding5px
{
	padding: 5px;
}

#padding7px
{
	padding: 7px;
}

#paddingB10px
{
	padding-bottom: 10px;
}

#paddingR2px
{
	padding-right: 2px;
}

#borderB2px_black
{
	border-bottom: 2px solid #000000;
}

#borderTR2px_black
{
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
}

#borderT2px_black
{
	border-top: 2px solid #000000;
}

#borderT1px_black
{
	border-top: 1px solid #000000;
}

#borderT1px_gray
{
	border-top: 1px solid #CCCCCC;
}

#borderR2px_black
{
	border-right: 2px solid #000000;
}

#borderR5px_black
{
	border-right: 2px solid #000000;
}

#borderB2px_orange
{
	border-bottom: 2px solid #FF6600;
}

.height100
{
	height: 100%;
}

.grayBackRightArea
{
	background-color: #EBEBEB;
}

.layerstyle
{
	position: absolute;
	left: 164px;
	top: 21px;
}

.avatarStyle
{
	border: 1px solid #999999;
	padding: 3px;
	background-color: #FFFFFF;
}

.borderL1px_gray
{
	border-left: 1px solid #CCCCCC;
	padding: 5px;
}

.lightAreaBack
{
	background-color: #F4F4F4;
}


/*---- This is UI CSS BLOCK ---*/


/*CollapsiblePanel*/
.collapsePanel
{
	background-color: white;
	overflow: hidden;
}

.collapsePanelHeader
{
	width: 100%;
	height: 30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
}

/* moBlog css*/
.ratingStar
{
	font-size: 0pt;
	width: 16px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.filledRatingStar
{
	background-image: url(Images/FilledStar.png);
}

.emptyRatingStar
{
	background-image: url(Images/EmptyStar.png);
}

.savedRatingStar
{
	background-image: url(Images/SavedStar.png);
}



/************** CSS for Tag cloud ********************/

.size0
{
	font-size: 11px;
	color: #6C96DB;
	text-decoration: none;
}

.size1
{
	font-size: 14px;
	color: #6C96DB;
	text-decoration: none;
}

.size2
{
	font-size: 16px;
	color: #6C96DB;
	text-decoration: none;
}

.size3
{
	font-size: 18px;
	color: #6C96DB;
	text-decoration: none;
}

.size4
{
	font-size: 21px;
	color: #6C96DB;
	text-decoration: none;
}

.size5
{
	font-size: 24px;
	color: #6C96DB;
	text-decoration: none;
}

.size6
{
	font-size: 27px;
	color: #6C96DB;
	text-decoration: none;
}

.size7
{
	font-size: 30px;
	color: #6C96DB;
	text-decoration: none;
}

.size8
{
	font-size: 35px;
	color: #6C96DB;
	text-decoration: none;
}

.size9
{
	font-size: 39px;
	color: #6C96DB;
	text-decoration: none;
}

.size10
{
	font-size: 42px;
	color: #6C96DB;
	text-decoration: none;
	font-weight: bold;
}

.size_x
{
	font-size: 14px;
	color: #6C96DB;
	text-decoration: underline;
}

.post
{
	background-image: url(images/postBack.gif);
	background-repeat: repeat-x;
}


#thumbBox
{
	/*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}

#thumbBox .footerbar
{
	/*Footer DIV of thumbbox that contains "close" link */
	font: bold 16px Tahoma;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}


#thumbBox #thumbImage
{
	/*DIV within thumbbox that holds the enlarged image */
	background-color: white;
}

#thumbLoading
{
	/*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}

	#Layer1 
	{
	position:absolute;
	width:234px;
	height:180px;
	z-index:1;
	float: left;
	left:160px;
	top:20px;
}


/********************************** PAGING CSS *******************************************/

.border
{
	width: 16px;
	height: 16px;
	border: 1px solid #6C96DB;
	padding: 1px;
	font-size: 12px;
	text-align: center;
}

.border a
{
	color:#6C96DB;
	width: 16px;
	height: 16px;
	padding: 1px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}
.border a:hover
{
	background-color: #6C96DB;
	color: white;
	width: 16px;
	height: 16px;
	padding: 1px;
	font-size: 12px;
	text-align: center;
}

.border_active
{
	background-color: #6C96DB;
	color: white;
	width: 16px;
	height: 16px;
	border: 1px solid #6686B9;
	padding: 1px;
	font-size: 12px;
	text-align: center;
}
.border_active a
{
	background-color: #6C96DB;
	color: white;
	width: 16px;
	height: 16px;
	padding: 1px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}
.border_active a:hover
{
	background-color: #6C96DB;
	color: white;
	width: 16px;
	height: 16px;
	padding: 1px;
	font-size: 12px;
	text-align: center;
}

/********************************** PAGING CSS *******************************************/
.height_all {


height:100%}
	
