html { min-height:90%; border-bottom:1px solid transparent;}
body {  margin:0; padding:0; }

a { outline: none; cursor:pointer; }
a:link{text-decoration:none;}
a:visited,
a:active { text-decoration:none; color: #9b3524; }
a:hover { text-decoration:none; color: #9b3524; }
img { border:none; text-decoration:none; }
ul { padding:0; margin:0; }
ul li { padding:0; margin:0; }
ul ul { padding-left:20px; }
ul li a { text-decoration:none; }
ol li { line-height:22px; }
th { padding:4px; text-align:left; }
h1,
h2,
h3,
h4,
h5,
h6 { margin:1em 0; padding:0; color: #292929; }
p { margin:1em 0; padding:0; }
h1 { font-size:200%; }
h2 { font-size:36px; }
h3 { font-size:150%; }
h4 { font-size:125%; }
h5 { font-size:115%; }
h1,
h2,
h3,
h4,
h5 { margin:0; }
fieldset { border:none; padding:5px 0; }
fieldset a { font-weight:bold; }
input,
select,
button { font-weight:normal; }

input.button,
button.button,
button.validate { cursor: pointer; }
/* General */

.widthWrap,
.widthWrapRelative { clear: both; width: 998px; margin: 0 auto; }
.widthWrapRelative { position: relative; }
.width-24 .box,
.width-33 .box,
.width-49 .box,
.width-99 .box { float: left; }
.width-24 .box { width: 24.8%; }
.width-33 .box { width: 33.3%; }
.width-49 .box { width: 49.5%; }
.width-99 .box { width: 100%; }
.extra-1 { float: left; width: 77%; }
.extra-2 { float: right; width: 20%; }
#mainbodyLeft { float: left; height: 100%; padding:0; width: 70%; }
#rightWrap { float: right; height: 100%; right: 0; width: 26%; }
.invalid { border-color :#FF969B }
::-moz-selection {
background: #9B3524;
color: #fff
}
::selection { background: #9B3524; color: #fff }
.paddingTop { padding-top: 0 !important }
.paddingRight { padding-right: 0 !important }
.paddingBottom { padding-bottom: 0 !important }
.paddingLeft { padding-left: 0 !important }
/* top ---------------------------------------------------------------------------------------- */

#top { background: #FFFFFF }
/* logo */




#headerWrap h1 { width: 453px; height: 175px; text-indent: -9999em; background: transparent url('../images/header_front.png') no-repeat 0 0; }
/* templateShowcase*/

#headerWrap h3,
#headerWrap p { height: 10px; text-indent: -99999em; }
a.templateDetailsFront { display: block; height: 385px; width: 100%; text-indent: -99999em; }
#headerWrap h4 { margin: 0; padding: 0; }
#headerWrap h4 a { display: block; height: 60px; width: 998px; text-indent: -99999em; background: transparent url('../images/jomsocialPromoBanner.png') no-repeat 0 0; }

/* mainWrap ---------------------------------------------------------------------------------------- */


/* Footer ---------------------------------------------------------------------------------------- */

#footer { background: #000; color: #585858; font-size: 11px; }
#footer a { color: #585858; }
#footer a:hover { color: #d7d7d7; }
#footer h3 { margin: 40px 0 20px; color: #848484; font-size: 13px; font-weight: normal; text-transform: uppercase; background: none; border: none; padding: 0; height: 18px; line-height: 18px; }
#footer .box h3 { margin-bottom: 24px; }
#footer .box { float: right; width: 214px }
.footerLinks,
.footerLinks > div { float: left; }
.footerLinks ul { float: left; margin: 0 18px 0 0; width: 177px }
.footerLinks ul li,
#footer .box ul li { line-height: 26px; border-bottom: 1px dotted #222; background: url('../images/dot.png') no-repeat 2px 12px; padding-left: 11px; }
.ourPartners { margin: 0 46px 0 0 }
.ourPartners ul { width: 160px; }
#footer .copyright { padding: 166px 0 40px; }


h2.pageHeadings {  height:60px; margin:0px 0 60px; padding-top:60px; color : #A4A4A4;  }


/* login & register form */
.gk_jcs_login,
.gk_jcs_register { width:45%; margin-left:auto;margin-right:auto;margin-top:30px;}
.gk_jcs_register { float:right; }
.componentheading 
{
	font-size:28px;
	padding-top:12px;
	color:#c1c1c1;
	}
	
#contentpaneopen_wr 
{
		
        background-color: rgb(68,68,68); /* Needed for IEs */
        -moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.4);
        -webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.4);
        box-shadow: 2px 2px 2px rgba(68,68,68,0.4);
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.20);
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.20)";
        zoom: 1;
	
	}
	
	.contentpaneopen
	{
		position: relative; /* This protects the inner element from being blurred */
        
        background-color: #f9f9f9;
        padding-top:25px;
	}
		
.contentpaneopen tbody
{
		padding-top:25px;
}
.contentpaneopen tr td{padding-left:15px;}
p.rememberme { margin-left: 105px; }



#top_page{
	margin:0px;
	padding:0px;
	font-family:'Tahoma';
	font-size:11px;
	color:#333;
	line-height:16px;
	background:url(../images/bg_top_site.gif) repeat-x left top;
}
#top_page li{list-style-type:none;}
#top_page .left{float:left}
#top_page .right{float:right}
#top_page img{border:0px}
#top_page p { margin:0px; padding-bottom:10px;}
#top_page a:link, a:visited, a:active{
	text-decoration:none;
	outline:none;
}
#top_page a:hover{text-decoration:none;}
#top_page a.outline-dotted:focus, a.outline-dotted.outline-dotted-focus {
	outline:#333 dotted 1px;
}
.clearfix:after{
	content:'[DO NOT LEAVE IT IS NOT REAL]'; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix{
	display:inline;
}
.clearfix{
	display:block;
}
.clear{
	clear:both;
}
#wrapper-container {
    width: 100%;
}
#header, #content, #footer, #register-footer, #main_top,#main_user_info{
	width:980px;
	margin:0 auto;
}
#top_page{
	width:100%;
	_width:auto;
	height:26px;
	position:relative;
	z-index:10;
	float: left;
}
#main_top .left li{
	float:left;
	line-height:26px;
	color:#c6d1dc;
	background:url(../images/drash_1x11.gif) no-repeat left 9px;
}
.mynaviga li.start{
	background:url(../images/drash_1x11.gif) no-repeat left 9px;	
}
#main_top .left li.start{
	background:none;
}
#main_top .left li a{
	padding:0 10px;
	line-height:26px;
	display:block;
	height:26px;
	float:left;
	color:#333333;
}
#main_top .left li a:hover{
	background:#e8ebee;
	text-decoration:none;
	height:25px;
	margin:1px 0 0 0;
	line-height:25px;
}
#main_top .left li.start.more a{
	padding-left:10px;
}

#main_top .left li.active a{
	color:#014c8f;
	font-size:14px;
	font-family:Verdana;
	/*background:url(../images/bullet01.gif) repeat-x  left -2px;*/
}
#main_top .left li.active a:hover{
	height:26px;
	line-height:26px;
	margin:0;
}
#main_top .left li .arrow{
	background:url(../images/arrow-bottom.gif) no-repeat left 5px;
}
#main_top .left li.more{
	position:relative;
}
*html #main_top .left li.more #hasmore{
	padding-top:7px!important;
	height:18px!important;
}
#main_top .left #hasmore{
	display:block;
	height:25px;
	margin-left:2px;
	margin-top:1px;
	position:relative;
	z-index:99999;
	line-height:25px;
	
}
#main_top .left #hasmore.over{
	border-right:1px solid #719cc1;
	border-left:1px solid #719cc1;
	background:#fff;padding:0 9px;
}
#main_top .left #subtop{
	width:101px;
	display:block;
	position:absolute;
	z-index:9999;
	top:25px;
	border:1px solid #719cc1;
	background:#fff;
	left:2px;
	display:none;
	position:absolute;
	left:2px;
	top:25px;
}
*html #main_top .left #subtop{
	left:4px;
}
#main_top .left #subtop .content_subtop a{
	width:81px;
	float:left;
	display:block;
}
#main_top .left #subtop .content_subtop{
	position:relative;
	z-index:999999;
}
#main_top .left #subtop a:hover{
	color:#014c8f;
}
.nav-right {
	padding-left:6px;
}
#top_page .nav-right a {
	color:#014c8f;
}
.nav-right ul {
	margin:0px;
	padding-left:0px;
	list-style-type:none;
}
.nav-right ul li {
	margin:0px;
	float:left;
	font-weight:bold;
}
.nav-right ul li.tk {
	position:relative;
	z-index:100;
	padding: 0px;
}
.nav-right ul li a {
	display:block;
	line-height:16px;
	padding:4px 10px 5px 10px;
	text-decoration:none;
}
.nav-right ul li .photo-left-06{

	float:left;
	padding:0 5px 0 0;
}
.nav-right ul li.tk a {
	margin:1px 0px 0 0;
	line-height:14px;
}
.nav-right ul li a:hover {
	text-decoration:none;
	background:#e8ebee;
	padding:3px 10px 5px 10px;
	margin:1px 0 0 0;
}
.nav-right ul li.tk a:hover {
	margin-right:0px;
	padding:4px 10px 5px 10px;
}
.nav-right ul li.tk a.active {
	background:#f2f2f2;
	border:solid 1px #b7c5ce;
	border-bottom:none;
	color:#333;
	padding:4px 9px 7px 9px;
	margin-top:0px;
}

.nav-right .arrow-bottom {
	background:url(../images/arrow-bottom.gif) no-repeat 0px 5px;
	padding-left:7px;
}
.nav-right ul ul {
	margin:0px;
	padding:10px;
	background-color:#fff;
	border:solid 1px #b7c5ce;
	border-top:none;
	position:absolute;
	width:150px;
	right:0px;
	top:26px;
	z-index:9999;
	display:none;
}
.nav-right li li {
	width:150px;
	margin:0px;
	padding-bottom:3px;
	float:none;
	font-weight:normal;
	line-height:16px;
	float:left;
	line-height:16px;
}
.nav-right li li a {
	padding:0px;
	line-height:16px;
}
.nav-right li li a:hover {
	background:none;
	text-decoration:underline;
	line-height:16px;
}
.no_login li{
	float:left;
	line-height:26px;
	padding:0 10px;
	background:url(../images/drash_1x11.gif) no-repeat left 9px;
}
.no_login li.start{
	
	background:none;
}
.no_login li.end{
	padding:0 0 0 10px;
}
.no_login li a{
	color:#014c8f;
	font:700 11px/26px tahoma;
}
/**Icon01**/
.icon01 {
	background:url(../images/icon01.gif) no-repeat;
}

.icon01.ico34 {
	background-position:-825px 1px;
	width:16px;
	padding-right:4px;
	padding-bottom:1px;
}
a.active .icon01.ico34, a:hover .icon01.ico34{
	background-position:-825px 1px;
}
.icon01.ico35 {
	background-position:-850px 3px;
	width:16px;
	padding-right:5px;
}
.icon01.ico35-02 {
	background-position:-850px 3px;
	width:16px;
	padding-right:5px;
}
.icon01.ico36 {
	background-position:-875px 1px;
	width:16px;
	padding-right:5px;
	padding-bottom:1px;
}
.icon01.ico37 {
	background-position:-900px 1px;
	width:16px;
	padding-right:5px;
	padding-bottom:1px;
}
.icon01.ico38 {
	background-position:-925px 2px;
	width:17px;
	padding-right:5px;
	padding-bottom:2px;
}
.icon01.ico68 {
	background-position:-1750px 1px;
	width:16px;
	padding-right:5px;
	padding-bottom:1px;
}
.icon01.ico70 {
	background-position:-1800px 1px;
	width:16px;
	padding-right:5px;
	padding-bottom:1px;
}
.icon01.ico71 {
	background-position:-1825px 1px;
	width:16px;
	padding-right:5px;
	padding-bottom:1px;
}
.icon01.ico72 {
	background-position:-1850px 1px;
	width:16px;
	padding-right:5px;
	padding-bottom:1px;
}
#btnLogin iframe{width:0px;heigth:0px;display:none;}

#bbnotifybar ul li.alert.icon_naw_top{
    border:none;
    background: none;
}

.nav-right ul li.tk ul li a{
    padding:0px;	
}

.nav-right ul li.tk ul li a:hover{
    padding:0px;
	line-height:14px;
	text-decoration: underline !important;
}

.icon_event_2u {
    background: url("../images/drash_1x11.gif") no-repeat scroll right 7px transparent;
    display: inline;
    float: left;
    height: 24px;
    margin: 0 3px 0 0;
    padding:1px 15px 0 0;
}

#top_page ul.no_login{
 margin:0;
 float:left;
 padding:0;
}

.icon_event_2u a {
    color: #014C8F;
    float: left;
    font: 700 11px/24px tahoma;
    height: 19px;
}

#top_page .nav-right ul.mynaviga{
 float:left;
}

*html .icon_event_2u {
 padding:5px 15px 0 0; 
 margin:2px 3px 0 0;
}

#taskbar_top {
    width: 100%;
    
    top:0px;
    left:0px;
 z-index:9999;
    font-family: Tahoma;
    font-size: 11px;
}



/*   ------------- FOOTER-------------------*/
#footer-wrap {
	width:100%;
	overflow:hidden;
	font-size:12px;
}

.content-bottom {
	width: 100%;
	height: 5px;
	background: url('../images/content-bottom-bg.png') top left repeat-x;
}






#footer-wrap h3 {
	border-bottom-color:#D4D4D4;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-size:12px;
	line-height:12pt;
	font-weight:bold;
	padding-bottom:5px;
	color:#666666;
}

#footer-wrap .footer-info-area {
	width: 276px;
	float: left;
	margin-top:10px;
}

ul.social-bookmarks {
	margin-top: 10px;
	overflow: hidden;
}

ul.social-bookmarks li {
	display: inline;
}

li.rss a {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	margin-right: 10px;
	background: url('../images/rss.png') no-repeat;
	text-indent: -9999px;
}

li.twitter a {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	margin-right: 10px;
	background: url('../images/twitter.png') no-repeat;
	text-indent: -9999px;
}

li.facebook a {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	margin-right: 10px;
	background: url('../images/facebook.png') no-repeat;
	text-indent: -9999px;
}

li.linkedin a {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	margin-right: 10px;
	background: url('../images/linkedin.png') no-repeat;
	text-indent: -9999px;
}

li.flickr a {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	margin-right: 10px;
	background: url('../images/flickr.png') no-repeat;
	text-indent: -9999px;
}

li.behance a {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	margin-right: 10px;
	background: url('../images/behance.png') no-repeat;
	text-indent: -9999px;
}




/*   ---- Table -----*/
.gridview_nohover,.gridview
{
	border:solid 1px #d0d0d0;	
}
.gridview_nohover,.gridview,.gridview_nohover_noboder
{
	font-size:16px;
	width:100%;
}




table.gridview tr th
{
	background-color:#525252;
	height:25px;
	border:solid 1px #d0d0d0;		
}
.gridview_nohover_noboder tr td,
.gridview_nohover tr td
{
	height:28px;
	padding-left:12px;
	vertical-align:middle;
}
table.gridview tr td
{
	height:28px;
	border:solid 1px #d0d0d0;	
	padding-left:12px;	
	vertical-align:middle;
}		
table.gridview tr:hover td
{
	cursor:pointer;
}


.tdHeader
{
	text-align:center;
	font-size:15px;
	background-color:#008DDB;
	color:#E8E8E8;
	vertical-align:middle;	
}
.tdTextHeader
{
	
	color:Maroon;
	font-size:13px;
	padding-left:12px;		
}
table.table_padding5 tr td
{
	padding:0px 5px;	
}

.paddingleft40
{
	padding-left:40px;	
}
.paddingleft20
{
	padding-left:20px;	
}
.paddingleft10
{
	padding-left:10px;	
}

.Require{color:Red;font-size:14px;}




