.cmn_lgray_bl {background: url('/images/lgray_bl.gif') 0 100% no-repeat #F2F4F7; }
.cmn_lgray_br {background: url('/images/lgray_br.gif') 100% 100% no-repeat}
.cmn_lgray_tl {background: url('/images/lgray_tl.gif') 0 0 no-repeat}
.cmn_lgray_tr {background: url('/images/lgray_tr.gif') 100% 0 no-repeat; padding:0px}
.clear {font-size: 1px; height: 1px}

.cmn_dgray_bl {background: url('/images/dgray_bl.gif') 0 100% no-repeat #DEE4ED}
.cmn_dgray_br {background: url('/images/dgray_br.gif') 100% 100% no-repeat}
.cmn_dgray_tl {background: url('/images/dgray_tl.gif') 0 0 no-repeat}
.cmn_dgray_tr {background: url('/images/dgray_tr.gif') 100% 0 no-repeat; padding:0px}

.cmn_srch_bl {background: url('/images/srch_bl.gif') 0 100% no-repeat #E8EBEF}
.cmn_srch_br {background: url('/images/srch_br.gif') 100% 100% no-repeat}
.cmn_srch_tl {background: url('/images/srch_tl.gif') 0 0 no-repeat}
.cmn_srch_tr {background: url('/images/srch_tr.gif') 100% 0 no-repeat; padding:0px}

.cmn_dgray_tab_bl {}
.cmn_dgray_tab_br {}
.cmn_dgray_tab_tl {background: url('/images/dgray_tl.gif') 0 0 no-repeat #DEE4ED}
.cmn_dgray_tab_tr {background: url('/images/dgray_tr.gif') 100% 0 no-repeat; padding:0px}

.whitebox {
	width:620px;
	margin-bottom:0px;
}
.whitebox_leftimage_div {
	height:180px;
	width:6px;
	float:left;
}
.whitebox_rightimage_div {
	height:182px;
	width:6px;
	float:left;
}
.whitebox_content {
	height:180px;
	width:608px;
	float:left; 
	background:url('/images/whitebox_center.gif') repeat-x;
}

.whitebox171 {
	width:620px;
	padding:10px;
	margin-bottom:0px;
}
.whitebox171_leftimage_div {
	height:171px;
	width:6px;
	float:left;
}
.whitebox171_rightimage_div {
	height:171px;
	width:6px;
	float:left;
}
.whitebox171_content {
	height:171px;
	width:608px;
	float:left; 
	background:url('/images/whitebox_center.gif') repeat-x;
}

.whitebox_header_div {
	padding-bottom:10px;
}
.whitebox_header_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#333333;
}
.whitebox_label_div {
	height:15px;
}
.whitebox_label_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#399FC6;
	text-decoration:none;
}
.whitebox_label_text_font_12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#399FC6;
	text-decoration:none;
}
.whitebox_photo_div {
	float:left;
	width:83px;
}
.whitebox_video_div {
	float:left;
	width:143px;
}
.whitebox_user_photo_div {
	float:left;
	width:206px;
	height:150px;
}
.whitebox_photo {
	height:79px;
	border: 1px #ccc solid;padding:1px;
	background-color:#FFFFFF;
}
.image_style {
	width:75px;
	height:75px;
	border: 3px #FFFFFF solid;
}
.video_style {
	width:137px;
	height:100px;
	border: 0px #FFFFFF solid;
}
.resource_container {
	height:81px;
	width:81px;
	border: 1px #ccc solid;
	background-color:#FFFFFF;
	_width:75px;
	_height:75px;
}
.whitebox_label_div a:hover {
	text-decoration:underline;
}
.whitebox_video {
	min-height:100px;
	border: 1px #ccc solid;padding:1px;
	background-color:#FFFFFF;
}
.whitebox_user_photo {
	height:146px;
	border: 1px #ccc solid;padding:1px;
	background-color:#FFFFFF;
}
.whitebox_space_between_photos {
	float:left;width:20px;
}
.whitebox_12pxspace_between_photos {
	float:left;width:12px;
}
.whitebox_5pxspace_between_videos {
	float:left;width:5px;
}
.whitebox_space_between_videos {
	float:left;width:8px;height:5px;
}
.blue_title_font {
	font-family:Arial;
	font-size:19px;
	font-weight:bold;
	color:#0F8CB1;
}
.blue_title_font_14 {
	font-family:Arial;
	font-size:14px;
	color:#0F8CB1;
}
.blue_title_font_14_bold {
	font-family:Arial;
	font-size:14px;
	color:#0F8CB1;
	font-weight:bold;
}
.gray_title_font_12_bold {
	font-family:Arial;
	font-size:12px;
	color:#88888A;
	font-weight:bold;
}
.black_content_font_14 {
	font-family:Arial;
	font-size:14px;
}
.black_content_font_21 {
	font-family:Arial;
	font-size:21px;
	font-weight:bold;
}
.white_content_font_12 {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
.rightbox_title {
	font-family:Arial;;
	font-size:16px;
	font-weight:bold;
}
.rightbox_title_font_14 {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
.blue_title_font_12_bold {
	font-family:Arial;;
	font-size:12px;
	font-weight:bold;
	color:#0F8CB1
}
.blue_title_font_12 {
	font-family:Arial;;
	font-size:12px;
	color:#0F8CB1
}
.blue_title_font_21_bold {
	font-family:Arial;;
	font-size:21px;
	font-weight:bold;
	color:#0F8CB1
}
.black_title_font_16_bold {
	font-family:Arial;;
	font-size:16px;
	font-weight:bold;
}
.black_title_font_18_bold {
	font-family:Arial;;
	font-size:18px;
	font-weight:bold;
}
.black_title_font_14_bold {
	font-family:Arial;;
	font-size:14px;
	font-weight:bold;
}
.black_title_font_12_bold {
	font-family:Arial;;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
.black_title_font_12 {
	font-family:Arial;;
	font-size:12px;
	color:#000000;
}
.videolabel {
	font:bold 10px Arial;
	color:#399FC6;
	text-align:center;
	padding-top:5px;
}
.font_size_10 {
	font-size:10px;
}
.font_size_5 {
	font-size:5px;
}
.login_radiobutton_text_hack {
	height:1%;
}	
 html>body .login_radiobutton_text_hack {
height: auto
}

/* rendering problem for IE.
	todo:we should not do below hack for IE5 and mac	
 */
.rendering_IE_hack {height: 1%;}

	

/**********************************                             ***********************************/

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

.bnrbox_tlc, .bnrbox_trc, .bnrbox_blc, .bnrbox_brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.bnrbox_tlc
	{
	background-image:url('/images/bnr_tl.gif');
	background-position: 0% 0%;
	}

.bnrbox_trc
	{
	background-image:url('/images/bnr_tr.gif');
	background-position: 100% 0%;
	}
	
.bnrbox_blc
	{
	background-image:url('/images/bnr_bl.gif');
	background-position: 0% 100%;
	}

.bnrbox_brc
	{
	background-image:url('/images/bnr_br.gif');
	background-position: 100% 100%;
	}

.bnrbox_tb, .bnrbox_bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.bnrbox_tb
	{
	background-image:url('/images/bnr_dot.gif');
	background-position: 0% 0%;
	}

.bnrbox_bb
	{
	background-image:url('/images/bnr_dot.gif');
	background-position: 50% 100%;
	}
	
.bnrbox_rb
	{
	background-image:url('/images/bnr_dot.gif');
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.bnrbox_lb
	{
	background-color: #ffffff;
	background-image:url('/images/bnr_dot.gif');
	background-position: 0% 100%;
	background-repeat: repeat-y;

	}
	
.bluebox_tlc, .bluebox_trc, .bluebox_blc, .bluebox_brc
 {
 background-color: transparent;
 background-repeat: no-repeat;
 }
 
.bluebox_tlc
 {
 background-image:url(/images/bluenotif_tl.gif);
 background-position: 0% 0%;
 }
 
.bluebox_trc
 {
 background-image:url(/images/bluenotif_tr.gif);
 background-position: 100% 0%;
 }
 
.bluebox_blc
 {
 background-image:url(/images/bluenotif_bl.gif);
 background-position: 0% 100%;
 }
 
.bluebox_brc
 {
 background-image:url(/images/bluenotif_br.gif);
 background-position: 100% 100%;
 }
 
.bluebox_tb, .bluebox_bb
 {
 background-color: transparent;
 background-repeat: repeat-x;
 }
   
.bluebox_tb
 {
 background-image:url(/images/bluenotif_h.gif);
 background-position: 0% 0%;
 }
 
.bluebox_bb
 {
 background-image:url(/images/bluenotif_h.gif);
 background-position: 50% 100%;
 }
 
.bluebox_rb
 {
 background-image:url(/images/bluenotif_v.gif);
 background-position: 100% 0%;
 background-repeat: repeat-y;
 }
 
.bluebox_lb
 {
 background-color: #ffffff;
 background-image:url(/images/bluenotif_v.gif);
 background-position: 0% 100%;
 background-repeat: repeat-y;
 width:620px;
 }	
 	
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(/images/rating_star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(/images/star_small.gif);
	line-height: 10px;
	height: 10px;
}