body {
margin: 0 auto;
padding: 0 auto;
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
}
.clear {
	clear: both;
}
select,input,textarea,option{ font-size: 12px; font-family: Calibri;}
.popu_txt {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 26px;
}

#wrapper {
	width: 1000px;
	margin:0px auto;
}

.popular_event{ background: #FFFFFF url(../images/popularmid_img.jpg) left top repeat-x; height: 65px;}
.popularimage{ float: left; width: 165px;}
.popularevent_scroll{ float: right; text-align:right; width: 830px; margin-top: 15px;}
#header{
	padding-top: 10px;
	background-color: #A7CF3A;
}
#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;}
img{border: 0px;}
.head_button{float: right; margin-left: 200px; width:350px; margin-top: 3px;}
.errormsg{font-size: 11px; color:#CC0000; }
#signin{ margin: 0px; padding: 0px; text-align: right;}
.txtbox input{ width: 140px; height: 17px; border: #C9CACB solid 1px; float: left;}
.password input{ width: 145px; height: 17px; border: #C9CACB solid 1px; float: left; margin-left: 4px;}
.signbutton{ float: right; width: 51px; height: 21px; text-align: center; padding-top: 0px; padding-left: 1px;}
.signintxt a{ font-size: 11px; text-decoration: none; color:#FFFFFF; text-align: center; padding-top: 2px;}
.signintxt a:active{ font-size: 11px; text-decoration: none; font-weight: bold; color: #FFFFFF; text-align:center; }
.topheaderbutton{margin-top: 15px; float: right; width: 300px;}
.signup{float:left; margin-right: 15px;}
.toprightbutton{font-size:11px; color:#333333; float:left;}
.banner{ margin: 0px; padding: 0px;}
.banner_img{float:left; width: 772px; margin: 0px; border: 0px;}
.logo{float:left; width: 214px; height: 91px;}
.banner_right_menu{ width:228px; height: 200px; background-color:#4D4948; float:right;}
#mainmenu{ width: 100%;  }
#mainmenu ul{ margin-left: 110px; padding: 0px;}
#mainmenu ul li{ font-size: 12px; display: block; color: #FFFFFF; float: left; padding: 4px 12px;}
#mainmenu ul li a{ color:#FFFFFF; text-decoration: none;}
#mainmenu ul li a:hover{ color:#F37521; text-decoration: none;}
#mainmenu ul li a:active{ color:#00000; text-decoration: none; font-weight: bold; background-color: #FFFFFF;}
.maincontnet{ width: 100%; margin-top: 6px; padding: 0px; }
.leftpannel{background-color: #f8a35c;float: left; width: 160px; margin: 0px;}
.searcgevent{ margin: 0px; padding: 0px;}
.searchmid{ background-color: #ED1C24; padding: 3px;}
.searchinput{ background: #ED1C24 url(../images/searchbox_img01.jpg) left top no-repeat; height: 19px; margin-bottom: 5px;}
.searchinput input{ border: #ED1C24 solid 0px; width: 148px; margin-left: 2px; height: 14px; margin-top: 1px; font-size: 11px;}
.searchdrop{width: 153px; padding-bottom: 5px;}
.searchdrop select{width: 148px; margin-left: 2px; margin-top: 1px; font-size: 11px;}
.rightpannel{float: right; width: 226px; margin: 0px; border-left: #D3D4D5 solid 3px; padding: 8px 0px;
background-color: #FFCCCC;}
.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;}
.footermenu{ font-size: 12px; color: #000000; padding: 15px; float: left; }
.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;
background-color: #FFCCCC;}
#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;}
/*#content #menu{
	width:100%;
	margin-top: 30px;
}
#menu ul{
	list-style:none;
	margin: 0px;
	padding: 0px;
}
#menu li{
	display:block;
	float:left;
}
#menu li a{
	background:#FFFFFF url(../images/tabbg_normal.png) 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;
}
#menu li a:hover{
	font-weight: bold;
	text-decoration:none;
}
#menu li a:active{
	background:#FFFFFF url(../images/tabbg_active.png) left top repeat-x;
	text-decoration:none;
}*/
/*kiran*/
#mainmenu{ width:100%;  background-color: #006600; list-style-type:none; 
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#mainmenu, #mainmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-family:Calibri, "Trebuchet MS", sans-serif, Arial;
	width:920px;
	float:right;

}
#mainmenu a {
	display: block;
	text-decoration: none;
	border-right: 1px solid #333;
	font-size: 12px;
	color: #FFFFFF;
}
#mainmenu a.trigger {
	background-repeat: no-repeat;
	background-position: right center;
}
#mainmenu li {
	font-size: 12px; display: block; color: #FFFFFF; float: left; padding: 4px 12px; list-style-type: none;
}
#mainmenu li{position: relative;}

#mainmenu li a:hover {color:#F37521;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#mainmenu li ul, #mainmenu ul li  {

}
#mainmenu ul li a  {
	color: #ffffff;
	border-right: 0;
	background-repeat: no-repeat;
	background-position: left center;
	font-family:Calibri, "Trebuchet MS", sans-serif, Arial;
}
#mainmenu li ul {
	position: absolute;
	display: none;
	background-color: #f4f4f4;
	margin-top:1px;
	width:90px;
	border:solid 1px #999999;

}
#mainmenu li:hover a, #mainmenu a:focus,
#mainmenu a:active, #mainmenu li. a {
	color: #F37521;
	background-color:#333333;
}
#mainmenu li:hover ul, #mainmenu li.menu ul {
	display: block;
}
#mainmenu li:hover ul a, #mainmenu li.menu ul a {
	color: #000000;
	width:80px;
	
}
#mainmenu ul a:hover {
	color: #F37521 !important;
}
/*kiran*/
.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;}
.famousevent{padding: 5px}
.cube{float: left; margin-top: 2px;}
.cubecontent{float: right; margin-left: 6px; color:#FFFFFF; font-size: 12px; width: 190px; margin-bottom: 4px;}
.cubecontent a{ text-decoration: none; color:#FFFFFF;}
.cubecontent a:hover{ text-decoration: underline; color:#FFFFFF;}
.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;}
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: -220px; 	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:50px;
}

#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;}
td.tblinner{
border-bottom:2px solid #CCCCCC;
border-left:1px solid #CCCCCC;
text-align:left;
text-indent:5px;
font-weight:bold;
font-size:11px;
color:#FFFFFF;
}

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:#CCCCCC;/*#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: Calibri;}
legend {font-size: 16px; color:#3399FF; padding: 5px 2px; font-weight: bold;}


/*******************************************************************
 
Content Sliding tabbing index
 
*******************************************************************/
 

.pagination{
width: 580px; /*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;
}
.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;
}



.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; }

/*Barcode CSS*/
#IUPBarCode{
font-family : barcode font;
font-size: 30px;
font-weight : normal;
position: absolute;
top: 150px;
left: 22px;
}
  .barcode { font-family: barcode font, verdana, calibri; font-size: 36pt; } 
