@import url(../../base/css/general.css);

/*******************( CSS reset for H1, H2, H3, H4, H5, H6, P )**************************/

body {padding: 50px 0 0 0; }

p { line-height:normal;}

H1, H2, H3, H4, H5, H6 { font-size:100%; overflow:hidden; clear: both; margin:0; padding:0; display:block; }

.page_column h1{ font-weight:bold; font-size:12px; line-height:30px; margin-bottom:10px; text-transform:uppercase; color:#434343; }
.page_column h2 {font-weight:bold; font-size:12px; line-height:18px; text-transform:uppercase;color:#434343; }
.page_column h3 {font-weight:bold; font-size:12px; line-height:30px; text-transform:uppercase; color:#434343;}
.page_column h4 {font-weight:bold; font-size:11px; line-height:30px; text-transform:uppercase;color:#434343; }
.page_column h5{font-weight:bold; font-size:12px; line-height:36px; text-transform:uppercase;color:#434343; }

/*******************( basic CSS )**************************/

.noBorder { border:none} 
.username { font-size:14px}
.padding { padding:10px}
.noPadding { padding:0}
.margin { margin:10px}
.noMargin { margin:0}
.topMargin { margin-top:10px}
.topMar { margin-top:6px}
.rightMargin { margin-right:10px}
.bottomMargin { margin-bottom:10px}
.floatRight { float:right}
.floatleft{ float:left}
.lineHeight{ line-height:30px}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.title { border-bottom:1px solid #bbb; }

.solid_divider { border-bottom:1px solid #a8a8a8; margin:10px 0; height:0; clear:both;}

/**************** CSS for popup wrapper ********************/

.popup_wrapper { /*position:fixed;*/ position:static; z-index:998; }

/**************** Clearfix ********************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/**************** Clearfix ********************/

div.sys_main_logo { width:100%; height:50px; background-color:#222;	position: fixed; left:0; top:0; z-index: 991; }

div.sys_ml_wrapper { margin: 0; }
	
div.sys_breadcrumb { height: 19px; margin-top: 10px; display: none; }

div.sys_ml { /*margin: 0 auto; position: relative; background-image:url(../images/bannerbg.png); min-height: 114px; background: #79CBE3;*/ }

/*.container { overflow:hidden; background:url(../images/black-white.png) repeat-y top center; }*/

.main { border: 0 none; margin: 10px auto; min-height: 400px; overflow:hidden; }

.page_column { float: left; margin-bottom:-99999px; padding-bottom:99999px; width:192px; }
/*.page_column_first { margin-bottom:-9999px; padding-bottom:9999px; }*/

.page_column_last { float:right;  }

.bottomCopyright { border:none;  margin: 0 auto 0; clear: both; background-color:#222; }

div.bottomLinks a{ color: #5B98CF; }
	
.bottomCopyright .bottomCpr { /*float: left;*/ padding-left: 10px; }

.bottomCopyright .bottomLinks { /*float: right;*/ }

.bottomCopyright .bottomLinks span { padding-left: 25px; padding: 25px; }

.mainLogo { margin:0 8px 0 0; float: left; }

/* left panel css*/
.leftpanel { float: left; /*height: 900px; 	width: 20%;*/  width:100%; background-color:# FFF; }

.lefttop_img{ float: left; width: 100%; background-color:#FFF; border-color:#999; margin-left:15%; margin-top:10%; padding-bottom:2px; }

.left_menubar{ width: 100%; margin-top:5%; clear:both; }

.left-menu-item{ width:100%; margin-bottom:2%; clear:both; padding-top:2%; border-bottom:1px solid #ccc; height:30px; }

.icon_leftpanal_container{ width:30%; float:left; }

.icon_leftpanel{ float:right; padding-right:2%; }

.leftpanel-text{ width:67%; float:right; font-size:11px; padding-top:2%; margin-left: 3%; }

div.leftpanel-text a{ text-decoration:none; color:#444; font-size:10px; }

.left-linegray{ width:4px; height:1px; background-color:#999; }

.sirname{ width:100%; height:40px; background-color:#FFF; float:left; text-align:center; padding-top:2px; }

/* Right panel css*/
.rightpanel { /*float: left; width: 172px;*/ 	margin-left:20px; }
.right-content{ width:100%;  float:left; }

.rightpanal-box{ width:100%; float:left; text-align:left; padding:1px 0; cursor:pointer; display:block; }
.rightpanal-box:hover{ background-color:#f4f4f4; }

.f-imb_box_1{ width:34px; height:32px; float:left; clear:both; }
.f-imb_box_2{ width:66px; height:64px; float:left; clear:both; }

.rightfriend-text{ width:60%; height:28px; float:left; margin-left:10px; font-size:11px; line-height:32px; }
div.rightfriend-text a{ text-decoration:none; color:#222; }
div.rightfriend-text a:hover{ text-decoration:underline; color:#222; }	
	
.friend_box{ width:100%; float:left; text-align:left; background-color:transparent; font-size:15px; line-height:180%; padding-left:5%; }
.grayline-right{ width:97%; height:1px; float:left; background:url(../images/line-rightbox.png) repeat-x; margin-left:5%; }

.right_add{ height:241px; width:144px; float:left; margin-left:12%; background:url(../images/right_add.png) no-repeat; }

/**************** CSS for top menu (Sanjay) ********************/

.footer { position: absolute; background-color:#222; width:100%; z-index:2; padding-bottom: 35px; min-width: 1240px; }

.footer_logo { float:left; }

.footer_logo .logo { background:url(../images/logo.png) no-repeat 0 0; width:90px; height:50px; display:block; text-indent:-9999px; }

.bottomCopyright { border:none; z-index:1; line-height:50px; width:1240px; }

.bottomCopyright .bottomLinks{  text-transform:capitalize; padding:0; height:50px; float:right; clear:right; text-align:right; width:55%;  }
.bottomCopyright .bottomCpr { padding:0px; color:#fff; float:left; margin-left:75px; width:300px; }

.bottomCopyright .bottomLinks span { padding:0; }

div.bottomLinks a{ color:#fff; padding: 0 15px }
	
.bottom_links_block { border-right:1px solid #bbb;}
.nobdr { border:none; }
div.bottomLinks a.last_link { padding-right:0px; border:none; }

.icon_leftpanal_container { float: left; width: 20%; }

.leftpanel-text { width: 75%; }

.friend_box { padding-left:0; }

.grayline-right {
    background-image:none;
	border-bottom:1px dashed #bbb;
    height: 1px;
    margin-left:0;
    width:100%;
}

.right_add { width:180px; height:260px; margin-left:0; }

.actionsBlock .button_input_wrapper {background-image: url(../images/button_bg.png); }

.actionsBlock .button_input_wrapper :hover {background-position:0 -50px; }


/*.page_column_first {  background:#fff url(../images/left_pane_border_img.png) repeat-y left top; margin-bottom:-9999px; padding-bottom:9999px;}*/


/*********************************************/
/* Left Pane */
/*********************************************/
.left_pane {
	/*background:url(../images/left_pane_border_img.png) repeat-y right top;*/
	/*margin-right:20px;*/
	margin-bottom:-9999px;
	padding-bottom:9999px;
	overflow:hidden;
}

.avatar { 
	background-color: transparent;
	overflow:hidden;
	width:130px;
	margin-bottom:20px;
}
.avatar p { line-height:normal; color:#666; font-size:12px; margin:0; } 
.avatar h3  { 
	font-size:14px; 
	font-weight:bold;
	text-align:left; 
	line-height:normal; margin-bottom:10px; 
	border-bottom:none;
	word-wrap: break-word;
	text-transform:none;
}

.avatar h3  a{ color:#222; text-decoration: none; }
.avatar h3 a:hover{ color:#222; text-decoration: underline; }


.editAvatar { line-height:30px; }

/*******************( Basic CSS for Left Navigation )**************************/
.left_nav { width:150px; float:left; }
.left_nav ul { padding:0; margin:0px; list-style:none; }
.left_nav ul li{ word-wrap:break-word; font-weight:bold; margin:0; }
.left_nav ul li ul { margin:0 0 20px;  list-style:none;}

.left_nav ul li a { display: block; color:#222; text-decoration:none; font-weight:normal; margin:0; text-indent:10px; padding-top:6px; 
					background:url(../images/left_nav_border.png) no-repeat left bottom; }
.left_nav ul li a span { display: block; padding:0 5px 6px 0;}

.left_nav ul li ul li {  font-weight:normal; margin:0; text-indent:10px; background:url(../images/left_nav_border.png) no-repeat left bottom;}

.left_nav ul li ul li a { display: block; padding-top:6px; color:#434343; text-decoration:none; }
.left_nav ul li ul li a span { display: block; padding:0 5px 6px 0;}

.left_nav ul li a:hover { background:#8cc63f; text-decoration:none; color:#fff; }
.left_nav ul li a:hover span { background:#8cc63f; font-weight:normal }

.left_nav ul li.active a { background:#8cc63f; text-decoration:none; }
.left_nav ul li.active a span { background:#8cc63f; font-weight:normal; color:#fff; }

.left_nav ul li.menu0_0 a,
.left_nav ul li.menu1_1 a,
.left_nav ul li.menu2_2 a,
.left_nav ul li.menu3_3 a,
.left_nav ul li.menu4_4 a,
.left_nav ul li.menu5_5 a,
.left_nav ul li.menu6_6 a,
.left_nav ul li.menu7_7 a,
.left_nav ul li.menu8_8 a,
.left_nav ul li.menu9_9 a,
.left_nav ul li.menu10_10 a,
.left_nav ul li.menu11_11 a,
.left_nav ul li.menu12_12 a,
.left_nav ul li.menu13_13 a,
.left_nav ul li.menu14_14 a,
.left_nav ul li.menu15_15 a,
.left_nav ul li.menu16_16 a,
.left_nav ul li.menu17_17 a,
.left_nav ul li.menu18_18 a,
.left_nav ul li.menu19_19 a	{ background:#8cc63f; }

.left_nav ul li.menu0_0 a span,
.left_nav ul li.menu1_1 a span,
.left_nav ul li.menu2_2 a span,
.left_nav ul li.menu3_3 a span,
.left_nav ul li.menu4_4 a span,
.left_nav ul li.menu5_5 a span,
.left_nav ul li.menu6_6 a span,
.left_nav ul li.menu7_7 a span,
.left_nav ul li.menu8_8 a span,
.left_nav ul li.menu9_9 a span,
.left_nav ul li.menu10_10 a span,
.left_nav ul li.menu11_11 a span,
.left_nav ul li.menu12_12 a span,
.left_nav ul li.menu13_13 a span,
.left_nav ul li.menu14_14 a span,
.left_nav ul li.menu15_15 a span,
.left_nav ul li.menu16_16 a span,
.left_nav ul li.menu17_17 a span,
.left_nav ul li.menu18_18 a span,
.left_nav ul li.menu19_19 a span {background:#8cc63f; font-weight:normal; color:#fff;  }

/**************** End CSS for top menu (Sanjay) ********************/

select, select.no, input, input.no, textarea, textarea.no, button {
    font: normal 11px "Arial",sans-serif;
    padding-left:5px;
}

select, select.no {
    margin-left: 10px;
    padding: 4px;
    width: 100px;
	/*-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;*/
	border:1px solid #bbb;
	background-color:#fff;
}



.page_block_container {	margin:10px 0 0 0;}

div.searchrow_block 
	div.short_desc
	div.age_from
	{
	color:#222222;
	line-height:17px;
	text-align:left;
	padding-top:3px;
	}
.actionsBlock .button_wrapper img {margin: 0 5px;}

/**************** CSS for bottom widget ********************/

div.extra_top_menu table.fixed_menu div.popup_html div.extra_data {
    background-color: #222; 
	color:#fff;
	}

div.extra_top_menu table.fixed_menu div.popup_html div.top_cover {
    border-top: 1px solid #222;
}
div.extra_top_menu table.fixed_menu div.popup_html div.control {
    color:#F30;
    white-space: nowrap;
}
div.extra_top_menu table.fixed_menu div.popup_html div.content {
    color: #FF3300;
    font-size: 11px;
}
div.extra_top_menu table.fixed_menu div.popup_html div.control div {
    padding-bottom: 4px;
    padding-top: 4px;
}
div.extra_top_menu table.fixed_menu div.popup_html div.control {
    background-color: #F4F4F4; 
}
div.extra_top_menu table.fixed_menu {
    /*border: 1px solid #888;*/ border:0; width: 100%; }
	
div.extra_top_menu div.devider {
    margin:0; 
}
div.extra_top_menu table.fixed_menu td {
    /*border-top: 1px solid #FFFFFF;*/border-top: 0;
}

div.extra_top_menu table.fixed_menu div.popup_html div.devider img {
    height: 33px;
    width: 2px;
}
.primary li { margin:0 0 0 0;}

div.extra_top_menu table.fixed_menu div.popup_html div.menu_item_bottom {
    margin-top: 0px;
}

div.extra_top_menu table.description td.middle {
    background-color: #F7F6F6;
    white-space: nowrap;
}
div.extra_top_menu table.fixed_menu div.popup_html div.menu_item_bottom {
    margin-top: 0;
}

div.extra_top_menu table.fixed_menu div.popup_html div.menu_item_bottom {
    /*margin-top: -1px;*/
}
div.extra_top_menu table.fixed_menu div.popup_html div.menu_item_active {
    background-color: #222;
    border:none;
}
div.extra_top_menu table.fixed_menu div.popup_html div.menu_item {
    border:none;
    float: left;
    height: 32px;
    padding: 0 4px;
    position: relative;
}

div.extra_top_menu div#extra_menu_section {
    display: none;
    float: right;
}
/*Reset Margin, Padding for whole KRRUNCH website*/

/*body {background-color: #424246 ;}*/
.main { margin:0 auto; padding:30px 0; }

.page_block_container { margin:0; }

.dbContent { margin:0; position:static; }

.disignBoxFirst { margin-top:0; 
	/* ie7 - equal height for border*/
	position:relative;
	/*margin-bottom:-9999px;
	padding-bottom:9999px;*/
}

/*Reset Margin, Padding for whole KRRUNCH website*/

div.top_settings_block { width:630px; overflow:hidden; background-color: #FFF; /*border: 1px solid #bbb;*/ border-radius: 3px; box-shadow: 0 1px 2px #CCC; 
						padding:10px; margin:0 0 10px;}
div.top_settings_block div.ordered_block {
    float: left;
    line-height: 30px;
	padding:0;
}

div.paginate { margin-bottom:20px; }

div.paginate { margin-bottom:20px; }

.sys_msg_pending_approval { background-color:transparent }

.actionsBlock .button_input_wrapper button { color:#FFF; height:30px; line-height:30px; }

li {
	margin:0;
    margin-bottom: 10px;
}
.login_ajax_wrap {
    /*width: 470px;*/ width: 680px;
}
.langpop {
    width: 150px;
}
.close_button_lang {
    background: url("../images/icons/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 32px;
    position: absolute;
    right: -30px;
    top: -17px;
    width: 32px;
}

#message_window {
	background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    left: 474.5px;
    position: fixed;
    top: 15px;
    visibility: visible;
    z-index: 1000;
    padding: 0 10px 15px;
    padding-bottom: 20px;
    padding-left: 8px;
}

.close_button_mutual_popup {
    background: url("../images/icons/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 32px;
    position: absolute;
    right: -173px;
    top: -11px;
    width: 32px;
}

.actionsBlock{ margin-bottom: 10px;}

.loading_ajax_rotating {
    background: url("../images/loading.gif") no-repeat;
    height: 11px;
    left: 29px;
    position: absolute;
    top: 28px;
    width: 31px;
    z-index: 11;
}

.gray_panel { background:url(../images/fourth_panel_bg.png) repeat-y 0 0; margin-top:-30px; padding-top:30px; }
.gray_content { /*background-color:#424246;*/ padding:0px;  margin-left:40px; }

.gray_content h1 { color:#434343; margin-bottom:10px; text-transform:uppercase; line-height:normal; font-weight:normal; font-size:12px; }
.gray_content ul { list-style:none; margin:0; padding:0 } 
.gray_content li { padding:8px 0 10px 0; margin:0; background: url("../images/border_bottom.png") repeat-x left bottom transparent; }
.gray_content a { text-decoration:none; color:#1aafb4; }

/* <<<<<<<<<<<<<<<<< friends-online-wrapper  >>>>>>>>>>>>>>>>>>>>*/

.friends-online-wrapper { margin:0 0 20px; clear:both; color:#222; }
.friends-online-wrapper li { padding:4px 0 6px 0; margin:0; background: url("../images/border_bottom.png") repeat-x left bottom transparent;  }

.friends-online { margin:0; position:relative; padding:0 26px 0 42px; overflow:hidden; min-height:34px; }

	.friends-online-avtar { width:32px; position:absolute; left:0; top:0; }
	.friends-online-avtar img { border:1px solid #fff; }
	
	.friends-online h2 { font-size:11px; font-weight:normal; line-height:normal; margin:0; padding:10px 0; word-wrap:break-word; text-transform:none;  font-size:12px; }
	.friends-online h2 a { text-decoration:none; color:#666; }
	.friends-online h2 a:hover { text-decoration:underline; }
  
/* <<<<<<<<<<<<<<<<< featured-krrackers-wrapper  >>>>>>>>>>>>>>>>>>>>*/

.featured-krrackers-wrapper { margin:0 0 20px; clear:both; }
.featured-krrackers-wrapper h1 { display:block; padding:0; margin:0 0 10px; font-weight:normal; text-transform:uppercase; line-height:normal;  font-size:12px; color:#434343; }
					
.featured-krrackers-wrapper ul { list-style:none; margin:0; padding:0 0 10px 0 }
.featured-krrackers-wrapper li { padding:8px 0 6px 0; margin:0; background: url("../images/border_bottom.png") repeat-x left bottom transparent;  }

.featured-krrackers { margin:0; position:relative; padding:0 26px 0 42px; overflow:hidden; }
	.featured-krrackers h2 { font-size:12px; font-weight:normal; line-height:normal; margin:0; word-wrap:break-word; text-transform:none; margin-bottom:4px; }
	.featured-krrackers h2 a { text-decoration:none; color:#222; }
	.featured-krrackers h2 a:hover { text-decoration:underline; }

.featured-krrackers-avtar { width:32px; position:absolute; left:0; top:0; }
	.featured-krrackers-avtar img { border:1px solid #fff; }

.featured-krrackers-option { width:32px; position:absolute; right:0; top:0;}
	.featured-krrackers-option .delete { width:16px; height:16px; float:right; overflow:hidden; }
	
.featured-krrackers p { font-weight:normal; line-height:normal; margin:0; color:#666; font-size:11px; margin-bottom:4px; }
.featured-krrackers p.mutual a { text-decoration:none; color:#222; }
.featured-krrackers p.mutual a:hover { text-decoration:underline;  }

.featured-krrackers p.result-success { color:#457900; }
.featured-krrackers p.result-error { color:red; }

/* <<<<<<<<<<<<<<<<< friends-suggestion-wrapper  >>>>>>>>>>>>>>>>>>>>*/

.friends-suggestion-wrapper { margin:0 0 20px; clear:both; color:#222; }

.friends-suggestion h2 { font-size:12px; font-weight:normal; line-height:35px; margin-bottom:10px; }

.friends-suggestion { margin:0; position:relative; padding:0 26px 0 42px; overflow:hidden; }
	.friends-suggestion h2 { font-size:11px; font-weight:normal; line-height:normal; margin:0; word-wrap:break-word; text-transform:none; font-size:12px; margin-bottom:4px; }
	.friends-suggestion h2 a { text-decoration:none; color:#222; }
	.friends-suggestion h2 a:hover { text-decoration:underline; color:#222; }

.friends-suggestion-avtar { width:32px; position:absolute; left:0; top:0; }
	.friends-suggestion-avtar img { border:1px solid #fff; }

.friends-suggestion-option { width:26px; position:absolute; right:0; top:0;}
	.friends-suggestion-option .delete { width:16px; height:16px; float:right; overflow:hidden; }
	
.friends-suggestion p { font-weight:normal; line-height:normal; margin:0; font-size:11px; margin-bottom:4px; }
.friends-suggestion p.mutual a { text-decoration:none; color:#666; }
.friends-suggestion p.mutual a:hover { text-decoration:underline;  }

.friends-suggestion p.result-success { color:#457900; }
.friends-suggestion p.result-error { color:red; }

/* <<<<<<<<<<<<<<<<< Langugue Popup listing  >>>>>>>>>>>>>>>>>>>>*/

.langSelPop { font-size:12px; color:#222; line-height: 36px; }
.langPopTitle { font-size:12px; color:#222; padding:0 0 10px; font-weight:bold; border-bottom: 1px solid #BBBBBB; margin-bottom: 10px; }

ul.lang_list{ list-style:none; margin:0; padding:0; }
ul.lang_list li { float:left; margin:0 10px 0 0; width:120px; height:25px; line-height:25px; }
ul.lang_list li img { margin:0 5px 0 0; }
ul.lang_list li a { color:#222; text-decoration:none; }
ul.lang_list li a:hover { text-decoration:underline; }

ul.lang_list li a.lang-selected { color:#1aafb4; text-decoration:none; font-weight: bold; }
ul.lang_list li a:hover.lang-selected { text-decoration:underline; }

.close_button_langpopup {
    background: url("../images/icons/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -11px;
    width: 32px;
}
.controlsDiv { 
	background-color: #FFFFFF;
    /*border: 1px solid #bbb;*/
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px #CCCCCC;
	padding:20px;
	overflow:hidden;
}
.thumb_username a{ color:#222;}

.krrunch-it-info {
    background: none repeat scroll 0 0 #7DD8FF;
    border: 1px solid #4ac9ff;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px #CCCCCC;
    font-size: 15px;
    font-weight:Bold;
    line-height: normal;
    margin:0 0 20px;;
    padding: 15px;
    color:#fff;
    text-align: center;
}

.krrunch-it-info a.plugin_button {
	height:30px; line-height:30px; display:inline-block;
	font-size: 12px;
	color: #333; font-weight:bold;
	padding: 0 20px;
	background-color:#efefef;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 80%,
		#ccc);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.80, #ebebeb),
		to(#ccc));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #FFF;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 3px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 3px rgba(255,255,255,0);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 3px rgba(255,255,255,0);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 0px 0px rgba(255,255,255,0);
}

.krrunch-it-info a:hover.plugin_button {
	height:30px; line-height:30px; display:inline-block;
	background-color:#FFF;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#cbcbcb 50%,
		#ccc);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #cbcbcb),
		to(#ccc));
}