.cmn_lgray_bl {background: url('/images/lgray_bl.gif') 0 100% no-repeat #271C19; }
.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 #FFFFFF}
.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;
 }