

#header{ padding-top: 0px; height:99px;}
#signout{margin: 0px; padding: 0px; text-align: right;}
#signout .welcome{font-size: 12px; color:#CC0000; float: left;}
#signout .signoutbtn{float: right;}
#signout span{ font-size: 14px; color:#000000;}
#login{ margin: 0px 0px 6px 0px; padding: 0px;}
.searchmid .name{ font-size: 14px; font-weight: bold; color: #FFFFFF; text-align: center;}
#welcome{margin: 0px; padding: 0px;}
#welcome ul{margin-left: 0px; padding: 0px 0px; list-style:none;}
#welcome ul li{margin-left: 8px; padding: 2px 0px; list-style: none; font-size: 12px; color:#FFFFFF;}
#welcome ul li a{font-size: 12px; color:#FFFFFF; text-decoration: none;}
#welcome ul li a:hover{font-size: 12px; color:#FFFFFF; text-decoration: underline;}
.logosidetxt{ width:138px; float:left; 
/*margin-top:45px;*/ 
margin-left:25px;
 width:325px; height:93px;}
img{border: 0px;}



.banner_right_menu{ width:228px; height: 200px; background-color:#4D4948; float:right;}

.leftpannel{float: left; width: 160px; margin: 0px;}



.rightpannel{float: right; width: 226px; margin: 0px; border-left: #D3D4D5 solid 3px; padding: 8px 0px;}
.right_category{ margin-left: 5px; border-bottom: #DAE0E6 solid 2px;}
.cat_img{ float: left; padding-right: 5px;}
.calendar{ margin-top: 6px; padding: 0px;}
.calendar_mid{ background-color: #F37421; padding: 3px;}
.calendar_mid h5{ font-size: 12px; color:#000000; text-align: center; margin: 0px; padding: 0px;}
.calendar_mid h5 a{ font-size: 12px; color:#000000; text-align: center; margin: 0px; padding: 0px; text-decoration: none;}
.calendar_mid h5 a:hover{ font-size: 12px; color:#FFFFFF; text-align: center; margin: 0px; padding: 0px; text-decoration:underline; }
.recom_event{ margin-top: 4px; padding: 0px; margin-bottom: 10px;}
.popular_event{ background: #FFFFFF url(../images/popularmid_img.jpg) repeat-x left top ; width: 100%; height: 65px;} 
.popularimage{ float: left; width: 165px;}
.popularevent_scroll{ text-align: center;}
.footer{ background: #FFFFFF url(../images/footer_bg.jpg) left top repeat-x; width: 100%; margin-top: 15px;}
.copyright{ font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; padding-top: 15px;	padding-right:10px; float: right; text-align: right;}
#content{margin: 0px 12px; float: left; width: 580px;}
#content h1{ font-size: 22px; color:#000000; margin: 0px; padding: 0px;}
#content p{ font-size: 12px; color:#000000; margin: 0px; padding: 0px;}
.rightimgtxt{ width:140px; text-align:left; padding-left:5px; font-size:14px; padding-top:26px; float:right;}
.rightimgtxt a{ text-decoration: none; color:#000000;}
.rightimgtxt a:hover{ font-weight: bold; text-decoration: none; color:#000000;}
.rightimgtxt a:active{ font-weight: bold; text-decoration: none; color:#FF0000;}


.tabbingtext{ background: #FFFFFF url(../images/tabbing_bg.png) left top repeat-x;}
form{margin: 0px; padding: 0px;}
.tabbingtext .col{ float: left; width: 180px; margin-right: 5px;}
.tabbingtext .col ul{ margin: 0px; list-style: none; padding: 10px;}
.tabbingtext .col ul li{ font-size: 12px; padding: 2px 0px;}
.tabbingtext .col ul li a{ font-size: 12px; text-decoration: none; color:#000000; }
.tabbingtext .col ul li a:hover{ font-size: 12px; text-decoration: underline;}


.search_button_txt{font-size:12px; color:#FFFFFF; padding-left:5px; }
#login{ margin: 0px 0px 6px 0px; padding: 0px;}
.searchmid .name{ font-size: 14px; font-weight: bold; color: #FFFFFF; text-align: center;}
#welcome{margin: 0px; padding: 0px;}
.searchbtm {margin: 0px; padding: 0px;}
#welcome ul{margin-left: 0px; padding: 0px; list-style:none;}
#welcome ul li{margin-left: 8px; padding: 2px 0px; list-style: none; font-size: 12px; color:#FFFFFF;}
#welcome ul li a{font-size: 12px; color:#FFFFFF; text-decoration: none;}
#welcome ul li a:hover{font-size: 12px; color:#FFFFFF; text-decoration: underline;}
#content_withoutrigh{margin: 0px 12px; float: left; width: 805px;}
#content_withoutrigh1{margin: 0px 0px; float: left; width: 840px;}
ul li {margin: 0px; padding: 0px;}
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

.succmsg{
font-size:12px;
color:#339900;
}
.errormsg{
font-size:12px;
color:#FF0000;
}

.thumbnail{ position: relative; z-index: 0;}

.thumbnail:hover{background-color: transparent; z-index: 50;}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	border: 1px dashed gray; visibility: hidden ; color: black; text-decoration: none;
	float: right; left:20px; 	width: 235px; text-align:center;}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0; padding: 2px; }

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible; top: -20;  /*position where enlarged image should offset horizontally */ }

.form-required{
color:#FF0000;
}

.form-item{
width:100%;
height:30px;
}

#user-register label,  #user-register input,   .description, .help_register  {  display:inline; }

#user-edit fieldset {   /* overrided forms.css  */
	/*border:0px groove threedface;*/
	display:block;
	margin:0;
 	padding-bottom: 0;
	font-weight:bold; 
	color:/*#888B82*/#336299;
}

table.inner{
	text-align:center;
	font-weight:normal;
	font-size:12px;
	color:#000000;
	background-color:#fafafa;
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	border-spacing:0px;
	font-family: 'Helvetica','Arial',sans-serif;}

td.continner
{
	border-bottom:1px solid #ffffff;/*#9CF*/
	border-top:0px;
	border-left:1px solid #ffffff; /*#9CF*/
	border-right:0px;
	text-align:left;
	text-indent:10px;
	font-weight:normal;
	font-size:11px;
	color:#CC0000;/*#404040;*/
	background-color:#EBEBEB;/*#fafafa;*/
	height:25px;
}

.pl_desc
{ 
text-align: left;
text-indent: 12px;
font-weight: normal;
font-size: 12px;
color: #0475B7;
}

.section {
  padding: 10px;
  margin: 0;
}

.section .block,
.section .box {
  padding: 0;
  margin: 0;
}

#section1 {
   margin: 5px 0 10px;
}

#section2 {
   margin-bottom: 10px;
}

table.sections {
  width: 100%;
  padding: 0;
  margin: 0;
}

td.section {
  padding: 10px 10px;
  margin: 0;
}

td.section.width49 {
  width: 50%;
}

td.section.width33 {
  width: 33%;
}

#contentmenu{
 width:100%;
 margin-top: 30px;
}
#contentmenu ul{
 list-style:none;
 margin: 0px;
 padding: 0px;
}
#contentmenu li{
 display:block;
 float:left;
}
#contentmenu li a{
 background:#FFFFFF url(../images/tabbg_normal.jpg) left top repeat-x;
 margin:0 1px;
 padding: 2px 10px 0px 10px;
 display:block;
 float:left;
 color:#000000;
 text-decoration:none;
 font-size:12px;
 height: 19px;
}
#contentmenu ul a:hover{
 font-weight: bold;
 text-decoration:none;
}
#contentmenu ul a:focus,#contentmenu ul a:active{background:#FFFFFF url(../images/tabbg_active.png) left top repeat-x; text-decoration:none;}
/*******************************************************************

ORGANISER PAGE

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

.account_infor .form_require{ font-size: 12px; color:#FF0000;}
.account_infor .column01{ width: 150px; height: 20px; }
.account_infor .column02{ width: 10px; height: 20px; }
.account_infor .column03{ width: 10px; height: 20px; }
.account_infor .column04{ width: 30px; height: 20px; text-align: center; }
.account_infor .column05{ height: 10px;}
.account_infor select, input, textarea{ font-size: 13px; font-family: 'Helvetica','Arial',sans-serif;}
legend {font-size: 16px; color:#3399FF; padding: 5px 2px; font-weight: bold;}


/*******************************************************************
 
Content Sliding tabbing index
 
*******************************************************************/
 

.pagination{
width: 350px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
padding: 0px;
}
 
.pagination a{
padding: 0 10px;
text-decoration: none;
background: #FFFFFF url(../images/tabbg_normal.jpg) left top repeat-x;
color:#000000;
}
 
.pagination a:hover, .pagination a.selected{
color: #000000;
background: #FFFFFF url(../images/tabbg_active.jpg) left top repeat-x;
}

div.pagination span.current {
 padding: 2px 5px 2px 5px;
 margin: 2px;
  border: 1px solid #000099;
  
  font-weight: bold;
  background-color: #065E9D;
  color: #FFF;
 }
 div.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #EEE;
 
  color: #DDD;
 }

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 580px; /*width of featured content slider*/
background:#FFFFFF url(../images/tabbing_bg.png) left top repeat-x;
height: 350px;
}
 
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
font-size: 11px;
padding: 5px;
background:#FFFFFF url(../images/tabbing_bg.png) left top repeat-x;
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 350px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


.tabbing01{ background: #FFFFFF url(../images/Nav_1_On.jpg) left top no-repeat; width: 59px; height: 20px;}
.tabbing02{ background: #FFFFFF url(../images/Nav_2_Off.jpg) left top no-repeat; width: 58px; height: 20px;}
.tabbing03{ background: #FFFFFF url(../images/Nav_3_Off.jpg) left top no-repeat; width: 68px; height: 20px;}
.tabbing04{ background: #FFFFFF url(../images/Nav_4_Off.jpg) left top no-repeat; width: 111px; height: 20px;}
.tabcontentbg{ background:#FFFFFF url(../images/tabbing_bg.png) left top repeat-x; width: 100%; padding: 10px;}
.tabbinggap{ width: 3px;}

.myaccount{ padding-left: 8px; color: #FFFFFF; font-size: 12px; line-height: 18px;}
.myaccountsub{ padding-left: 14px; color: #FFFFFF; font-size: 12px; line-height: 18px;}
.myaccount a{ color: #FFFFFF; text-decoration: none;}
.myaccountsub a{ color: #FFFFFF; text-decoration: none;}


.generalcontent{ border: #CCCCCC solid 1px; margin-bottom: 10px;}
.generalcontent h5{ font-size: 18px; margin: 6px; color: #FF6600;}
.generaltext{ margin: 6px; line-height: 16px;}
.generaltext ul li{ line-height: 24px;}

.tabbing05 { background: #FFFFFF url(../images/editnav_1_on.jpg) left top no-repeat; width: 59px; height: 20px; }
.tabbing06 { background: #FFFFFF url(../images/editnav_2_off.jpg) left top no-repeat; width: 72px; height: 20px; }
.tabbing07 { background: #FFFFFF url(../images/editnav_3_off.jpg) left top no-repeat; width: 59px; height: 20px; }
.tabbing08 { background: #FFFFFF url(../images/editnav_4_off.jpg) left top no-repeat; width: 59px; height: 20px; }

div#features-col a {
	display:none;
	line-height:22px;
	text-indent:-9999px;
}
div#features-col a:hover {
background:none repeat scroll 0 0 #F5F3F3;
}

div#features-col {
	color:#555555;
	float:left;
	font-size:11px;
	margin:auto;
	padding: 0px;
	width: 218px;
	margin-left:5px;
	
}
#features {
  float:left;
  width:218px;
  padding:10px;
  border:4px solid #555;
  background-color:#555;
  text-align:left;
  margin:0;
}
#features li {
  list-style-type:disc;
  padding-bottom:5px;
  font-size:0.7em;
  line-height:1.2em;
  margin-left:10px;
}

#features li strong {
  font-weight: bold;
  color:#ddd;
}
#features li img {
  top:10px;
  position:relative;
}


div.right-col {
	width:218px;
	float:right;
	margin-top: auto;
	height:190px;
}

div#features-col a.feature {
	display:block;
	_width:218px;
	width:218px;
	height:65px;
	border:none;
	color: #F5F3F4;
}


div#features-col a#createevent 	{
	background-image: url(http://cdn.meraevents.com/images/featuremenus.jpg);
	background-position: 0px -1px;
}
div#features-col a#createevent:hover {
	background-image: url(http://cdn.meraevents.com/images/featuremenus.jpg);
	background-position: 218px -1;
}

div#features-col a#FeatureTour {
	background-image: url(http://cdn.meraevents.com/images/featuremenus.jpg);
	background-position: 0px -69px;
}
div#features-col a#FeatureTour:hover	{
	background-image: url(http://cdn.meraevents.com/images/featuremenus.jpg);
	background-position: 218px -69px;
}
div#features-col a#Pokenevent{
	background-image: url(http://cdn.meraevents.com/images/featuremenus.jpg);
	background-position: 0px -137px;
		height:64px;

}
div#features-col a#Pokenevent:hover	 {
	background-image: url(http://cdn.meraevents.com/images/featuremenus.jpg);
	background-position: 218px -137px;
	height:64px;
}



.clear { clear:both; }
 

