/*messenger start*/
.small_avatar{
	border: 1px silver solid;
}
.srv{
	background-image: url('http://localhost:4790/NewJasjoo_webmasters/app_images/main_iconset.png');
}
.greenDot{
	margin-right: 4px; 
	margin-left: 4px; 
	width: 6px;
	height: 6px;
	background-position: -211px -66px;
}
.gapon{
	margin-right: 5px; 
	margin-left: 5px; 
	width: 12px;
	height: 13px;
	background-position: -153px -79px;
	display: inline;
}
.gapoff{
	margin-right: 5px; 
	margin-left: 5px; 
	width: 12px;
	height: 13px;
	background-position: -165px -79px;
}
.gapalert{
	margin-right: 5px; 
	margin-left: 5px; 
	width: 12px;
	height: 13px;
	background-position: -177px -79px;
}
.redDot{
	margin-right: 6px; 
	margin-left: 6px; 
	width: 6px;
	height: 6px;
	background-position: -205px -66px;
}
.sleepDot{
	margin-right: 6px; 
	margin-left: 6px; 
	width: 6px;
	height: 6px;
	background-position: -172px -66px;
}
.alertIcon{
	margin-right: 4px; 
	margin-left: 4px; 
	width: 11px;
	height: 10px;
	background-position: -194px -66px;
}
.writeIcon{
	background-position: -240px -66px; 
	margin-top: 6px; 
	cursor: pointer; 
	width: 10px; 
	height: 10px;
}
.closeIcon{
	background-position: -87px -2px; 
	margin-top: 2px; 
	cursor: pointer; 
	width: 8px; 
	height: 8px;
}
.closeIcon:hover{
	background-position: -95px -2px; 
}
/*messenger end*/
body
{
	font-family: Tahoma;
	font-size: 12px;
}
.captcha{
	font-family: "Courier New", Courier, monospace;
	letter-spacing: 20px;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: bold;
	margin-top: 5px;
}
/*divs*/
div.usercard_h{
	border-top: 1px #eeeeee solid;
	padding: 5px;
	padding-right: 15px;
	font-weight: bold;
	color: black;
	background-color: #d8dee3;
}
div.usercard{
	cursor: pointer;
	border-top: 1px #eeeeee solid;
	padding: 5px;
	padding-right: 10px;
	font-weight: bold;
	color: #224499;
}
div.usercard:hover{
	background-color: #fafafa;
	color: #002266;
	padding-right: 15px;
}
div.info{
	border: 1px silver dashed; 
	padding: 10px; 
	text-align: right; 
	background-color: #f1f4f8; 
	width: 95%;
}
div.moremenu{
	padding: 5px;
	font-size: 12px;
	border-bottom: 1px #f8f8f8 solid;
	color: #226699;
	cursor: pointer;
}
div.moremenu:hover{
	background-color: #226699;
	border-bottom: 1px #226699 solid;
	color: white;
}
div.bt_free{
	cursor: pointer;

	background-color: #3b5998;
	font-weight: bold;
	color: white;
	text-align: center;
	height: 22px;
 	padding-top: 5px;
 	text-decoration: none;
	border: 1px black solid;
	border-top: 1px #77aacc solid;
	border-left: 1px #77aacc solid;

 	outline: gray solid 1px;
}
div.bt_free:hover{
	border: 1px #77aacc solid;
 	outline: gray solid 1px;
	border-top: 1px black solid;
	border-left: 1px black solid;
	background-color: #568ec7;
}
div.app_menu_bt{
	padding: 2px;
	cursor: pointer;
	text-align: center;
 	text-decoration: none;
 	border: 1px #e0e6f1 solid;
 	background-color: #fefefe;
}
div.app_menu_bt:hover{
	text-align: center;
 	text-decoration: none;
 	background-color: #ebeff9;
 	border: 1px e0e6f1 solid;
}
div.alert{
	background-color: #ffffe1; 
	padding: 7px;
	border-bottom: 1px black solid; 
	outline: black solid 1px;
	text-align: right;
	direction: rtl;
	padding-right: 10px;
}
div.newalert{
	cursor: pointer;
	padding: 3px;
	background-color: #ffffe1; 
	border-bottom: 1px gray solid;
	outline: 1px black solid;
	color: black;
	text-align: right;
	direction: rtl;
	font-size: 11px;
}
div.newalert:hover {
	background-color: #3399ff;
	color: white;
}
/*gap*/
div.gap_header{
	border: 1px #cecece solid;
	font-size: 11px;
	height: 22px;
	padding: 2px;
	background-color: #f8f8f8;
	color: #226699;
	text-align: center;
}
div.gap_header:hover{
	border: 1px #b5b5b5 solid;
	font-size: 11px;
	padding: 2px;
	background-color: white;
	text-align: center
}
div.gap_header_alert{
	border: 1px #cecece solid;
	font-size: 11px;
	height: 22px;
	padding: 2px;
	color: #226699;
	text-align: center;
	cursor: pointer;
}
div.gap_header_alert:hover{
	border: 1px #9e9e9e solid;
	font-size: 11px;
	padding: 2px;
	text-align: center
}
/*tables*/
table.page_tools{
	margin-top: 15px;
	margin-bottom: 20px;
	background-color: #fefefe;
	border: 1px #aaaaaa solid;
	width: 100%;
	direction: rtl;
}
table.royal{
	width: 550px; 
	height: 104px; 
	border: 1px #d5c5f5 solid; 
	background-color: #f7f4fd;
}
table.green{
	width: 550px; 
	height: 104px; 
	border: 1px #c6e9b5 solid; 
	background-color: #eefbca
}
table.cyan{
	width: 550px; 
	height: 104px; 
	border: 1px #b6cef2 solid; 
	background-color: #f1f6fb;
}
table.blue{
	width: 550px; 
	height: 104px; 
	border: 1px #b6cef2 solid; 
	background-color: #edf6ff;
}
table.brown{
	width: 550px; 
	height: 104px; 
	border: 1px #bbb59b solid; 
	background-color: #f1eede;
}
table.red{
	width: 550px; 
	height: 104px; 
	border: 1px #d5c09e solid; 
	background-color: #f9eedc;
}
table.table_InfoBar{
	height: 30px; color: black; 
	 
	font-size: 13px;width: 100%
}
table.titlebar_1{
	width: 100%; 
	background-color: #ece6cc; 
	border-top: 1px #996633 solid; 
	margin-bottom: 10px; 
	margin-top: 10px;
	font-size: 12px; 
	font-weight: bold
}
table.titlebar_2{
	width: 100%; 
	background-color: #c5edff; 
	border-top: 1px #4595ba solid; 
	margin-bottom: 10px; 
	margin-top: 10px;
	font-size: 12px; 
	font-weight: bold
}
table.titlebar_3{
	width: 100%; 
	background-color: #e8ccff; 
	border-top: 1px #8853b6 solid; 
	margin-bottom: 10px; 
	margin-top: 10px;
	font-size: 12px; 
	font-weight: bold
}
table.titlebar_4{
	width: 100%; 
	background-color: #f8e1ec; 
	border-top: 1px #ad6b8c solid; 
	margin-bottom: 10px; 
	margin-top: 10px;
	font-size: 12px; 
	font-weight: bold
}
table.titlebar_5{
	width: 100%; 
	background-color: #ebfbdf; 
	border-top: 1px #87b664 solid; 
	margin-bottom: 10px; 
	margin-top: 10px;
	font-size: 12px; 
	font-weight: bold
}
table.titlebar_6{
	width: 100%; 
	background-color: #ebf6fd; 
	border-top: 1px #64a3c7 solid; 
	margin-bottom: 10px; 
	margin-top: 10px;
	font-size: 12px; 
	font-weight: bold
}
/*table parts*/
td.tool_side{
	width: 5px;
	font-size: 0px;
	background-color: #88aadd;
}
td.info_side{
	width: 5px;
	font-size: 0px;
	background-color: #aaccff;
}
td.open_side{
	width: 5px;
	font-size: 0px;
	background-color: #ca0d13;
}
td.tip_side{
	width: 5px;
	font-size: 0px;
	background-color: #dd9400;
	border: 0px;
}
td.notice_side{
	width: 5px;
	font-size: 0px;
	background-color: #99ccff;
	border: 0px;
}
td.ad_td{
	width: 20%;
	vertical-align: top;
}
td.main_td{
	width: 80%;
	height: 350px;
	vertical-align: top;
	text-align: justify;
	padding: 10px;
}
td.main_td_full{
	width: 100%;
	vertical-align: top;
}
td.td_ads_line{
	width: 5px;
}
td.td_ads{
	text-align: justify;
	direction: rtl;
	vertical-align: top;
}
td.td_ads_horizontal{
	text-align: justify;
	direction: rtl;
	vertical-align: top;
	width: 25%;
}
td.td_ads_head{
	font-size: 10px;
	color: gray;
	text-align: justify;
	direction: rtl;
}
td.under_border_1{
	font-size: 12px; 
	color: #404040;
	vertical-align: top;
}
td.under_border_2{
	font-size: 12px; 
	color: #002288;
	vertical-align: top;
}
td.td_ads_head{
	font-size: 10px;
	color: gray;
	text-align: justify;
	direction: rtl;
}
/*tags*/
a
{
	text-decoration: none;
	color: #2200cc;
	padding-bottom: 2px;
	border-bottom: 1px #002288 solid;
}
a:hover{
	text-decoration: none;
	color: #0066cc ;
	border-bottom: 1px #0066cc solid;
}
a:visited{
	text-decoration: none;
	color: #843ac4;
	border-bottom: 1px #843ac4 solid;
}
a.bt{
	border: 1px #3b5998 solid; font-family: Times New Roman; padding-right: 4px; padding-left: 4px; font-size: 12px; color: #3b5998; background-color: white; cursor: pointer; padding-bottom: 0px;
}
a.bt:hover{
	border: 1px white solid; font-family: Times New Roman; padding-right: 4px; padding-left: 4px; font-size: 12px; color: white; background-color: #3b5998;
}
a.btstop{
		border: 1px silver solid; font-family: Times New Roman; padding-right: 4px; padding-left: 4px; font-size: 12px; color: silver ; background-color: white; padding-bottom: 0px; cursor: default;
}
a.nobr
{
	border-bottom: 0px;
	color: #2200cc;
}
a.nobr:hover
{
	padding-bottom: 2px;
	border-bottom: 0px;
	color: #0066cc;
}
a.novisit
{
	padding-bottom: 2px;
	color: #002288;
	border-bottom: 0px;
}
a.novisit:hover
{
	color: #6699cc;
}
a.small_gray
{
	padding-bottom: 2px;
	color: gray;
	border-bottom: 0px;
	font-size: 11px;
}
a.small_gray:hover
{
	color: #505050;
	border-bottom: 1px gray solid;
}
a.navisection1{
	color: #0094c5;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 0px;
}
a.navisection2{
	color: #e19101;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 0px;
}
a.navisection3{
	color: #c690e2;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 0px;
}
a.navisection4{
	color: #8cc617;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 0px;
}
a.navisection5{
	color: #dc2f79;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 0px;
}
a.navisection6{
	color: #3ab3e7;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 0px;
}
a.ad_title{
	font-size: 14px; 
	font-weight: bold;
	color: #4466DD;
	border-bottom: 0px;
}
a.navmain{
	border-bottom: 0px;
	color: #336699;
}
a.navmain:hover{
	color: #909090;
}
a.nav{
	border-bottom: 0px;
	color: #6699bb;
}
a.nav:hover{
	color: #909090;
}
a.navsmall{
	font-size: 11px;
	border-bottom: 0px;
	color: #6699bb;
}
a.navsmall:hover{
	color: #909090;
}

/*inputs*/
input
{
	font-family: Tahoma;
	font-size: 11px;
	padding-bottom: 4px;
}
select
{
	font-family: Tahoma;
}
/*imgs*/
img
{
	border: 0px;
}
/*H tags*/
h3
{
	font-weight: normal;
	font-size: 12px;
	color: green;	
	margin-bottom: 8px;
}
h2
{
	font-weight: normal;
	font-size: 16px;
	color: #556699;	
	margin-bottom: 8px;
}
h1{
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 5px;
}
/*p tag*/
p
{
	line-height: 20px;
}
p.doyoumean
{
	font-size: 13px; 
	color: #AA0000;
	margin-top: 0px;
}
p.nav{
	font-weight: bold;
	color: #666666;
}
p.tools{
	text-align: justify;
	direction: rtl;
	color: #646464;
	margin: 2px;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
}
/*spans*/
span.num_green{
	font-family: Arial;
	font-weight: bold;
	color: green;
	font-size: 16px;
}
span.num_red{
	font-family: Arial;
	font-weight: bold;
	color: maroon;
	font-size: 16px;
}
span.search_link{
	font-family: Arial; 
	font-size: 13px; 
	color: green;
}
span.ad_url{
	color: green;
	font-size: 12px;
}
span.ad_desc{
	font-size: 11px;
}
span.gray{
	font-size: 11px;
	color: gray;
}
span.green{
	font-size: 12px;
	color: green;
}
/*new*/
.groupWrapper
{
	width: 32%;
	float: left;
	margin-right: 1%;
	min-height: 400px;
}
.serializer
{
	clear: both;
}
.groupItem
{
	margin-bottom: 20px;
}
.groupItem .itemHeader
{
	color: #000;
	padding:  0 0 5px 10px;
	font-size: 13px;
}
.groupItem .itemHeader a
{
	background:transparent; 
	position: absolute;
	right: 10px;
	top: 0px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
.sortHelper
{
	border: 3px dashed #666;
	width: auto;
}
.groupWrapper p
{
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.groupItem .b1, .groupItem .b2, .groupItem .b3, .groupItem .b4, .groupItem .b1b, .groupItem .b2b, .groupItem .b3b, .groupItem .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.groupItem .b1, .groupItem .b2, .groupItem .b3, .groupItem .b1b, .groupItem .b2b, .groupItem .b3b {
  height:1px;
  }
.groupItem .b1b {
  margin:0 5px;
  }
.groupItem .boxcontent {
  display:block;  
  background-color: white;
  }
.groupItem .b1 {
  margin:0 5px; 
  background:#fff;
  }
.groupItem .b2, .groupItem .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.groupItem .b3, .groupItem .b3b {
  margin:0 2px;
  }
.groupItem .b4, .groupItem .b4b {
  height:2px; margin:0 1px;
  }