﻿/*
Colors
#B7312C - red
    #2A514D - blue
    #F2C75C = yellow
    #4a9095 - teal
*/
html, body, form{ margin:0px auto !important; padding:0px !important; height:100% !important;}
body{position:relative !important; font-family:Calibri,Arial,Sans-Serif; font-size:1.0em; text-align:left; background-color:#fff;}
/* entire page*/
#page_wrapper{min-height:100%; height:auto !important; height:100%; position:relative !important; clear:both; width:100%; padding:0px; margin:0px auto -56px;}
/*header - banner*/
#header_wrapper{width:100%; margin:0px; padding:10px 0px 0px 0px; text-align:center;}
#banner_wrapper{width:100%; margin:0px auto; padding:0px; text-align:center;}

#adminheader_wrapper {
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: left;
    height: 45px;
    overflow: hidden;
    background-color: #B7312C;
}

/*top navmenu*/
#adminheader_wrapper div.navMenu{float:left; width:75%;}
#adminheader_wrapper div.login{float:right; text-align:right; width:20%; padding-right:10px; font-size:15px; padding-top:5px; font-weight:bold; color:#fff;}
#adminheader_wrapper div.login div.pad{ padding-top:5px;}

#top_menu {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #B7312C;
    height: 41px;
    text-align: right !important;
    overflow: hidden;
    font-weight: bold;
}
#top_menu div.login{padding-right:10px; font-size:15px; padding-top:5px; font-weight:bold;}
#top_menu div.login a{ font-size:13px;}
#top_menu div.login div.pad{color:#fff; padding-top:5px;}
#top_menu span.uName{padding-right:10px; font-size:13px; padding-top:7px;}
#top_menu .url a, #top_menu .url a:link, #top_menu .url a:active, #top_menu .url a:visited{color:#fff; text-decoration:none; border-bottom:dotted 1px #fff; font-size:1.0em;}
#top_menu .url a:hover{text-decoration:none; color:#B7312C ; border-bottom:solid 1px #B7312C ; font-size:1.0em;}
/*content pages - centered in the middle*/
#content_wrapper{ width:1200px; margin:0px auto; padding:0px; padding-top:15px;}
/* on each individual page*/
#content{ width:950px; margin:0px auto; padding:0px; text-align:center;}
/* right hand content with left nav*/
#content_right{ width:750px; margin:0px auto; padding:0px; float:left;}
/* left nav menu*/
#content_left{ width:250px; margin:0px auto; padding:0px; float:left; padding-top:15px;}
#page_wrapper div.clear{clear:both; height:75px;}
/*footer*/
#footer_wrapper, #admin_footer {
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 56px;
    background-color: #2A514D;
    position: relative !important;
    bottom: 0 !important;
    left: 0;
    clear: both;
}
div#footer_wrapper div.LargeText, #admin_footer div.LargeText{font-family:Calibri,Arial,Sans-Serif; margin:0 !important; padding-left:10px !important; padding-top:10px !important; color:#FFF!important; text-align:left !important; font-weight:bold !important;}
div#footer_wrapper div.NormalText, #admin_footer div.NormalText{font-family:Calibri,Arial,Sans-Serif; font-size:0.9em !important; margin:0 !important; padding-left:10px !important; padding-top:0px !important; color:#FFF!important; text-align:left !important;}

/* Styles for HTML Elements*/
img{margin:0px; padding:0px; border:none;}
.standard td{text-align:left; font-weight: normal; font-family:Calibri,Arial,Sans-Serif; font-size: 12px; color:#333; margin:0px auto;}
.colorlabel td{color:#2A514D;}
h1, h1.light{
	font-size:1.4em;
	padding:4px;
	color:#2A514D;
	border-bottom:1px solid #b9b9b9;
	margin:0px auto;
	text-align:left;
}
h2, h2.light, h2.grid{
	color:#B7312C ;
	font-size:1.2em;
	font-weight:normal;
	padding:4px;	
	margin:0px auto;
}
h3{
	font-size:1.2em;
	padding:4px;
}
h2.grid{border-bottom:1px solid #b9b9b9; padding:0px; margin-bottom:5px;}
h3.grid{padding:0px; margin:0px;}

.url a, .url a:link, .url a:active, .url a:visited{color:#02458c; text-decoration:none; border-bottom:dotted 1px #02458c; font-size:1.0em;} /*0089FC*/
.url a:hover{text-decoration:none; color:#B7312C ; border-bottom:solid 1px #B7312C ; font-size:1.0em;}
hr {border:none; border-bottom:solid 1px #999; text-align:center; width:90%; height:1px;}
.hrdotted {border:none; border-bottom:dotted 1px #0468bf; text-align:center; width:90%; height:1px;}
fieldset legend
{
	font-weight: bold;
	padding:5px 10px;	
	color:#2A514D;
}
p {padding:5px 0px; margin:0px auto !important;}

.notes{
	font-size:0.8em;
	font-weight:normal;
}
.required {color:#cc0000;}
/* contact page*/
.regformLeft{background-color:#e1e1e1; color:#000; font-family:Calibri,Arial,Sans-Serif;text-align:right; padding:2px 5px 2px 2px; margin:0px; height:27px;}
.regformRight{background-color:#fff; color:#000; font-family:Calibri,Arial,Sans-Serif; text-align:left; padding:2px 2px 2px 5px;}
.cbox table{width:100%;}
.cbox td {width:150px !important; font-size:13px;}
.cbox2 td {width:200px !important; font-size:13px;}

.info-box{
	padding:0; margin:0 auto;
}
.info-box div.headerOuter{
	background:url(../images/info-box/top-bg.gif) repeat-x top center; height:40px;
}
.info-box div.headerOuter div.headerInner{
	 height:40px; background:url(../images/info-box/top-left.gif) no-repeat left top;
}
.info-box div.headerOuter div.headerInner div.title{
	 height:30px; background:url(../images/info-box/top-right.gif) no-repeat right top; padding:0; padding-top:10px; color:#fff;
}
.info-box div.headerOuter div.headerInner div.title{
	 font-size:1.1em !important; margin:0 !important; padding-left:20px !important; padding-top:10px !important; color:#FFF!important;  border-bottom:none !important; font-weight:bold !important; text-align:left !important;
}
.info-box div.contentBody{
	margin:0px;	
	padding:0px;
	border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC;
}
/* styles for the info Box inner content*/
div.contentBody td.rBorder{
	border-right:1px solid #CCCCCC;
}
div.contentBody .title{
	font-weight:bold;
	background-color:#d5d5d5;   
	height:24px;
}
div.contentBody th{
	font-size:14px;
	background-color:#000;
	color:#fff;
}
/* home page only - company listing*/
.booth-list{
	width:230px; overflow:auto; min-height:500px;
}
.booth-list td{ 
	border-bottom:1px dashed #E8E8E8; font-size:12px; margin:2px 0px;  /*padding:5px 0; */
}
.booth-list td a{ 
	color: #404042 !important; text-decoration:none; display:block; border:none !important; min-height:20px; padding:3px 5px; overflow:visible;
}
.booth-list td a:hover{ 
	color: #404042 !important; text-decoration:underline; display:block; border:none !important; background-color:#efefef; min-height:20px; padding:3px 5px; overflow:visible;
}
/* Details Pop-Up*/
div#popUp {font-family:Calibri,Arial,Sans-Serif;font-size:13px; text-align:left;}
div#popUp p.title {font-size:1.3em; font-weight:bold; padding:2px 0px; margin:0px;}
    div#popUp .header {
        font-size: 1.2em;
        font-weight: bold;
        padding: 2px 0px;
        margin: 0px;
        background-color: #4a9095;
        color: #fff;
    }
div#popUp div.details{border:solid 1px #ccc; background-color:#E6E6E6; padding:5px; vertical-align:top;}
    div#popUp .headerRow {
        font-size: 1.2em;
        font-weight: bold;
        padding: 5px 10px;
        margin: 0px;
        background-color: #4a9095;
        color: #272727;
    }

.conflictDIV{
	background-color:#fff;
	border:solid 1px #000;
	width:350px !important;
	min-height:100px;	
	font-size:12px;
	padding:0px;
	margin:0px auto;
	position:absolute;
	top:400px;
	left:35%;
}
.conflictDIV .conflictClose{
	background-color:#FF0000;
	height:20px;
	width:350px !important;
	text-align:right;
	padding:0px;
	padding-top:2px;
	margin:0px auto;	
}
.conflictDIV .conflictClose a, .conflictDIV .conflictClose a:link, .conflictDIV .conflictClose a:active, .conflictDIV .conflictClose a:visited, .conflictDIV .conflictClose a:hover{
	color:#fff;
	text-decoration:none;
	padding-right:10px;
	padding-top:2px;
	border:none;
	font-weight:bold;
}
.conflictDIV .conflictClose a:hover{
	text-decoration:underline;	
}
.conflictDIV .conflictMessage{
	color:#FF0000;
	padding:10px;	
}

/* Styles for the Gridviews used in the site  */
div.sel-booth_wrapper
{
  border:1px solid #e5e5e5;
  /*width:700px; */
}
.sel-booth{
	border-collapse: collapse;
}
.sel-booth a, .sel-booth a:link, .sel-booth a:active, .sel-booth a:visited
{
    color:#02458c;
    text-decoration: none;
    border:none;
    font-size: 1.0em;
    cursor:pointer;
}
.sel-booth a:hover{
    text-decoration:underline;
    color:#f68d31;
    border:none;
    font-size: 1.0em;
    cursor:pointer;
}
.sel-booth .total
{
    padding:5px 10px;  font-size:18px; color:#2A514D;
}
.sel-booth .header
{
    padding:5px; font-size:1.1em; color:#404042; font-weight:bold; text-align:left;
}
.sel-booth th{
	border:1px solid #e5e5e5; white-space:nowrap; text-align:left; padding:5px; vertical-align:top; background-color:#e5e5e5; font-size:13px; color:#2A514D; font-weight:bold;
} 
.sel-booth td, .sel-booth td.rate{
	border:1px solid #e5e5e5; padding:5px; vertical-align:top; font-size:12px; text-align:left;
}
.sel-booth td.rate{
	color:#FF0000; text-align:right;
}
.sel-booth td.centered
{
    text-align:center;
}
.sel-booth td.right
{
    text-align:right;
}
div.sel-booth_wrapper .header{
	background:#e5e5e5; color:#2A514D; width:100%; padding-top:5px; display:block; font-weight:bold; font-size:15px; height:20px; text-align:center;
}
div.sel-booth_wrapper .footer{
	background:#e5e5e5; width:100%; padding:5px 0px 2px 0px; display:block; font-size:18px; height:20px; text-align:right;
}
div.sel-booth_wrapper .footer div
{
    padding-right:5px;
}
/* used only for Booth Edit*/
div.orderBooth_wrapper {
    border: 1px solid #B7312C ;
}
.orderBooth{
	border-collapse: collapse;
}
.orderBooth a, .orderBooth a:link, .orderBooth a:active, .orderBooth a:visited
{
    color:#02458c;
    text-decoration: none;
    border:none;
    font-size: 1.0em;    
}
.orderBooth a:hover{
    text-decoration:underline;
    color:#8C2A2A;
    border:none;
    font-size: 1.0em;
}
    .orderBooth .total {
        padding: 5px 10px;
        font-size: 18px;
        color: #B7312C ;
    }
.orderBooth .header
{
    padding:5px; font-size:1.1em; color:#404042; font-weight:bold;
}
    .orderBooth th {
        border: 1px solid #B7312C ;
        background-color: #B7312C ;
        text-align: center;
        white-space: nowrap;
        padding: 5px;
        vertical-align: top;
        font-size: 13px;
        color: #fff;
        font-weight: bold;
    }
    .orderBooth td {
        border: 1px solid #B7312C ;
        padding: 5px;
        vertical-align: top;
        font-size: 12px;
        text-align: center;
        font-weight: bold;
    }
div.orderBooth_wrapper .header {
    background: #B7312C ;
    color: #fff;
    width: 100%;
    padding-top: 5px;
    display: block;
    font-weight: bold;
    font-size: 15px;
    height: 20px;
    text-align: center;
}
div.orderBooth_wrapper .footer {
    background: #B7312C ;
    color: #fff;
    width: 100%;
    padding: 5px 0px 2px 0px;
    display: block;
    font-size: 18px;
    height: 20px;
    text-align: right;
}
div.orderBooth_wrapper .footer div
{
    padding-right:5px;
}
 /* End of GridView styles */
 
/* left hand navigational menu*/
.menu{
	width:232px;
	margin:0px;
	padding:0px;
}
.menu .top-curve{
	background:url(../images/menu/top-curve.png) no-repeat left top; height:11px;
}
.menu .bottom-curve{
	background:url(../images/menu/bottom-curve.png) no-repeat left top; height:11px;
}
.menu .center-top{
	background:url(../images/menu/top.gif) no-repeat left top  #FFFFFF; border-left:1px solid #CCCCCC;  border-right:1px solid #CCCCCC;	
}
.menu .center-bottom{
	background:url(../images/menu/bottom.gif) no-repeat left bottom;	
}
.menu .home {padding:5px 0 5px 10px;}
/*==============================================menu4*/
#left_menu {
	width: 219px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	padding-left:5px;
}
#left_menu ul, #left_menu li{
	padding:0px !important;
	margin:0px !important;
	list-style:none; text-align:left;
	white-space:nowrap;
	font-size:0.95em;
}
#left_menu li a {
  	text-decoration: none;
  	background:url(../images/menu/bullet.gif) no-repeat 5px 9px; 
  	border:none;
  	margin:0px; padding:0px; 
  	height:16px;
}
	
#left_menu li a:link, #left_menu li a:visited {
	color: #333;
	display: block;
	background-color:#e8e9ed;
	padding:7px 0 6px 25px;
	border-bottom:1px solid #FFFFFF;
}
	
#left_menu li a:hover, #left_menu li a:active{
	color: #000;
	background-color:#D1D2D5;
	padding: 7px 0 6px 25px;
}
/* tabs for order details*/
.tab-box 					{margin:0;}
.tab-box .tab-menu 			{clear:both; text-align:left;}
.tab-box .tab-content		{text-align:left; font-size:12px; border-bottom:1px solid #2A514D; border-right:1px solid #2A514D; border-left:1px solid #2A514D;}

.tab-menu ul {
	list-style-type:none; height:27px; font-size:12px; font-weight:bold; margin:0; padding:5px 0 8px 10px; background:url(../Images/tabbox/tab-bg.gif) repeat-x left bottom;
	}
.tab-menu ul li{
	display:block; float:left; margin:0 0 0 4px; height:27px;
	}
.tab-menu ul li div{
	/*display:block; color:#404042; background:url(../Images/tabbox/tab-inactive.gif) repeat-x top; line-height:27px; text-decoration:none; padding:0 8px 0 8px; height:27px; border-top:1px solid #C1C1C3; border-right:1px solid #C1C1C3; border-left:1px solid #C1C1C3; float:left; cursor:pointer;*/
	display:block; color:#fff; background-color:#2A514D; line-height:27px; text-decoration:none; padding:0 8px 0 8px; height:27px; border-top:1px solid #2A514D; border-right:1px solid #2A514D; border-left:1px solid #2A514D; float:left; cursor:pointer;
	}
.tab-menu ul li div.right{
	padding-right:19px;
	}
.tab-menu ul li div:hover{
	background:url(../Images/tabbox/tab-active.gif) repeat-x top #4a9095; border-top:1px solid #4a9095; border-right:1px solid #4a9095; border-left:1px solid #4a9095; color:white; cursor:pointer;	
	}
    .tab-menu ul li div.current {
        background: url(../Images/tabbox/tab-active.gif) repeat-x top #4a9095;
        border-top: 1px solid #4a9095;
        border-right: 1px solid #4a9095;
        border-left: 1px solid #4a9095;
        color: white;
        cursor: pointer;
    }
        .tab-menu ul li div.current:hover {
            background: url(../Images/tabbox/tab-active.gif) repeat-x top #4a9095;
            border-top: 1px solid #4a9095;
            border-right: 1px solid #4a9095;
            border-left: 1px solid #4a9095;
            color: white;
            cursor: pointer;
        }
.tblHead {
    border: 1px solid #4a9095;
    padding: 5px;
    vertical-align: top;
    background-color: #4a9095;    
    color: white;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}
 .button 
 {
     background:url(../../Images/button-bg.gif) repeat-x center;  font-family:Calibri, sans-serif; border:1px solid #000000; font-size:11px; color:#FFFFFF; font-weight:bold;  width:auto; text-align:center;
 }
 
 /* End of Tabs style */
 
 /* Payment Details Table*/
 .amount{
	border-collapse: collapse; font-weight:bold; border:1px solid #d4d8ea;
}
.amount td{
	padding:5px 10px; text-align:left;
}
.amount th{
	padding:5px 10px; font-size:18px; color:#2A514D; text-align:left;
}

/* for the reports */
.NSsearch				{width:259px; }
.NSsearch .NStoprow		{height:10px; background:url(../images/report/button-topbg.gif) no-repeat left top; }
.NSsearch .NSbottomrow	{height:10px; background:url(../images/report/button-bottombg.gif) no-repeat left top; }
.NSsearch .NSbg			{width:233px; padding:13px; background:url(../images/report/button-bg.gif) repeat-y left top; text-align:center; }
.NSsearch .report {font-weight:bold;}
.NSsearch .clear {height:15px !important;}

.tooltip {
	display:none;
	background:transparent url(../images/tooltip_black_arrow.png);
	font-size:11px;
	height:80px;
	width:170px;
	padding:20px;
	color:#fff;	
}
.tooltipLarge {
	display:none;
	/*background:transparent url(../images/tooltip_white_big.png) no-repeat 0 0;*/
    background:#9d9d9d url(../images/tooltipBG.png) repeat-x 0 0;
    font-size:12px;
	/*height:187px;
	width:387px;*/
    height:240px;
    width:400px;
	padding:40px 30px 30px 30px;
	color:#000;	
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 25px;
}
.tooltipLarge ul{list-style:disc; text-align:left; margin-left:15px; padding:0px;}

.printOnly
{
    display:none;
}
/* used for Refund only*/
.dlgrid td {
    border: 1px solid #4a9095;
    padding: 5px;
    width: 600px;
    overflow: visible;
    white-space: normal;
    text-align: left;
    font-size: 11px;
}
.dlgrid .dlheader {
    width: 550px;
    background-color: #4a9095;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 5px;
}
.dlgrid .rate
{
  color:#cc0000;  
}
.dlgrid a, .dlgrid a:link, .dlgrid a:active, .dlgrid a:visited
{
    color:#cc0000;
    text-decoration: underline;
    border:none;
    font-size: 1.0em;    
}
.dlgrid a:hover{
    text-decoration:none;
    color:#8C2A2A;
    border:none;
    font-size: 1.0em;
}
/* used for the sponsor purchase & detail user controls */
div.greyBox {
    border: 2px solid #e9e9e9;
    background-color: #eeefef;
    padding: 10px;
    margin: 20px auto 0px auto;
    width: 900px;
}
    div.greyBox div.header {
        font-size: 1.0em;
        border: none;
        background-color: #4a9095;
        color: white;
        font-weight: bold;
        text-align: left;
        padding: 10px;
    }
    div.greyBox div.innerBox {
        border: none;
        background-color: #fff;
        padding: 10px;
    }
    div.greyBox div.innerBox table {
        width:100%;        
    }
        div.greyBox div.innerBox td {
            border: 1px solid #e9e9e9;
            margin:2px;
        }
