body { font-family: arial }
table.menutable { border-collapse: collapse; }
#status { font-family: tahoma; font-size: .9em; border-collapse: collapse; background: #eee;}
#status td { padding: 2px 20px 2px 20px; border: 1px solid black; text-align: center;}
#status th { padding: 3px 20px 3px 20px; border: 1px solid black; background: #ddd;}
.warning { color: red; font-weight: bold;}
.successmessage { color: green; font-weight: normal; }
#header { background-image: url('/img/ptc-logo.gif'); background-position: top left; background-repeat: no-repeat; height: 110px;}
.menutable th { background: #ccc; color: white; border: 1px solid #ccc; padding: 7px 5px; margin: 0px;}
.menutable td { background: #fff; color: black; border: 1px solid #ccc; padding: 1px 7px; margin: 0px;}
.menutable a, .menutable a:link, .menutable a:active, .menutable a:visited { color: blue; text-decoration: none; }
.menutable a:hover { color: red; text-decoration: underline; }
.edittable .label { text-align: right; white-space: nowrap; vertical-align: top; padding-top: 2px;}
.boxsmall { width: 50em; height: 3.7em; }
.boxlarge { width: 800px; height: 25em; }
.boxhuge { width: 1400px; height: 35em; }
#txtRuleName { width: 30em; }
#txtDescription { width: 50em; height: 8em;}
.commonreport table { border-collapse: collapse; border: 1px solid black; font-size: .8em;}
.commonreport th { padding: 2px 4px; background-color: #ddd; border: 1px solid black; white-space: nowrap;}
.commonreport td { vertical-align: top; padding: 1px 4px; border: 1px solid black; background-color: #fdfdfd;}
.tabline { display: block; background: url('/img/newtab-background.gif') left bottom repeat-x; margin-bottom: 10px; margin-top: 10px;font-size: 15px;}
.tabline ul { display: inline; list-style: none; padding: 0px; margin: 0px 0px 0px 0px; }
.tabline ul li { display: inline; padding: 0px 2px 0px 0px; }
.tabline ul li a, .tabline  ul li a:link, .tabline  ul li a:active, .tabline  ul li a:visited  { 
     vertical-align: 0px; border: none; background: #fff url('/img/newtab.gif') 0 0 no-repeat; 
	 color: black; text-decoration: none; padding: 5px 10px 3px 10px; margin: 1px 0px 0px 0px; font-weight: bold;
	 border-right: 1px solid rgb(183,174,136); line-height: 20px; white-space: nowrap;
	 Font-Family: Tahoma; Font-Size: 11px;
}
.tabline ul li a.tabup, .tabline ul li a.tabup:link, .tabline  ul li a.tabup:active,
.tabline ul li a.tabup:visited, .tabline ul li a.tabup:hover {  background-position: 0px -70px; color: black;  border-right: 1px solid rgb(119,102,85); font-size: 15px; line-height: 24px;}
.tabline ul li a.tabdown:hover { color: #f00; background-position: 0px -70px; border-right: 1px solid rgb(119,102,85); }

table.datatable { border-collapse: collapse; border: none; font-size: .9em;}
table.datatable th { padding: 2px 4px; background: rgb(247,250,252) url('/img/datatable_headerbackground.png') repeat-x bottom left; border: 1px solid rgb(208,215,229); white-space: nowrap; margin: 0}
table.rightheader th { text-align: right; }
table.datatable td { vertical-align: top; padding: 1px 4px; border: 1px solid rgb(208,215,229); background-color: transparent; margin:0 }
table.datatable tr.row1 { background-color: #eeeeee; }
table.datatable tr.row2 { background-color: #fdfdfd; }
table.datatable tr.rowNew { background-color: #faa; }
table.datatable tr:hover.rowNew { background-color: #fbb; }
table.datatable tr.rowActive { background-color: #afa; }
table.datatable tr:hover.rowActive { background-color: #bfb; }
table.datatable tr:hover.row1, table.datatable tr:hover.row2 { background-color: #ddf; }

label { display: block; width: 11em; float: left; text-align: right; padding-top: 6px; clear: both; white-space: nowrap;}
label.noblock { display: inline; float: none; width: auto; text-align: left; }
form > br { clear: both; line-height: .1em; }
input.inputtext { width: 30em; margin: 5px 10px 0px 10px; border: 1px solid #ccf; background-color: #fbfbfb; padding: 2px;}
input:focus.inputtext { background-color: #eeffee; border-color: #aaa;}
input:hover.inputtext { border-color: #aaa; }
input.inputcheckbox { margin: 10px 10px 0px 10px; }
input.inputbutton { margin: 5px 10px 0px 10px; }
select.inputselect { margin: 5px 10px 0px 10px; border: 1px solid #ccf; background-color: #fbfbfb; padding: 0px;}
select:focus.inputselect { background-color: #eeffee; border-color: #aaa;}
select:hover.inputselect { border-color: #aaa; }
textarea.inputtextarea { width: 30em; margin: 5px 10px 0px 10px; border: 1px solid #ccf; background-color: #fbfbfb; padding: 2px;}
textarea:focus.inputtextarea { background-color: #eeffee; border-color: #aaa;}
textarea:hover.inputtextarea { border-color: #aaa; }
textarea.large { width: 800px; height: 400px; }
input.inputtext.noborder { border-color: #ffffff00 !important; }

table.memberdatatable { border-collapse: collapse; border: none; font-size: .9em;}
table.memberdatatable th { padding: 2px 4px; background-color: transparent; border: none; white-space: nowrap; margin: 0; text-align: right; font-weight: normal; vertical-align: top;}
table.memberdatatable td { vertical-align: top; padding: 1px 4px; border: none; background-color: transparent; margin:0; font-weight: bold;}
.pagefield { background: #eee; font-weight: bold; padding: 1px 8px; }
th.buttoncell { color: #00c; background: #ddddff; }
th:hover.buttoncell, th.sfhover { color: #f00; text-decoration: underline; background: #fee; }
td.buttoncell { color: #00c; background: #eeeeff; }
td:hover.buttoncell, td.sfhover { color: #f00; text-decoration: none; background: #fee; }
#sqlquery {  }
.elementhidden { display: none; }
.elementshown { display: block; }
.elementshowninline { display: inline; }
.leftcove { background: #bbf url('/img/leftcove.gif') top left no-repeat; }
.rightcove {  background: transparent url('/img/rightcove.gif') top right no-repeat; border-bottom: 1px solid #222; padding: 0px 20px;}
#tblLogon { padding: 20px; border-collapse: collapse; border: 1px solid black; }
#tblLogon th { padding: 5px 15px; background: #bbf; border-bottom: 1px solid black; font-size: 1.5em;}
#tblLogon td { padding: 3px 5px; }
#headermessage { position: absolute; top: 5px; left: 375px; border: 1px dashed #0c0; background-color: #efe; font-size: .8em; padding: 4px 8px;}
#headermessage a:hover { color: red; }
.pubmessages, #pubmessages { border: 1px dashed #c00; background-color: #fee; font-weight: bold; color: #c00; padding: 5px 10px; margin-bottom: 10px;}
#ajaxmessages { border: 1px dashed #007; background-color: #f0f0ff; color: black; font-size: 1em; padding: 4px 8px; margin: 5px 0px;}
.listing { line-height: 1.43em; }
.fld { border: 1px solid #ddd; background-color: #eee; padding: 0px 4px; margin: 1px; line-height: 1.1em}
.fld a:link, .fld a:active, .fld a:visited { color: blue; }
.fld a:hover { color: red; }
.resultblock { border-collapse: separate; line-height: 1.43em; }
.resultblock td { vertical-align: top;  line-height: 19px; margin: 0px 0px; padding: 0px 2px; font-size: 14px;}
.resultblock img { border: 1px solid black; }
div.picreview { display: block; width: 200px; height: 200px; float: left; text-align: center;}
.picthumb { border: 1px solid black; }
#boilerplatescroll { border: none; width: 400px; height: 188px; overflow: auto; padding: 2px;}
#boilerplatescroll table { width: 100% }
#overlayanchor {  visibility: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; vertical-align: middle; z-index: 100; }
#overlayanchor div#shadowmask { position: absolute; left: 0px; top: 0px; width: 100px; height: 100px; z-index: 0; background: #111 url('/img/interlink.gif') top left repeat; opacity:0.7; }
#overlayanchor div#fgoverlay { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 120; background: white; border: 1px solid black; padding: 30px 30px;}
#largeimage { border: 1px solid black; }
#pagefooter { margin-top: 60px; font-size: 11px; font-weight: bold; text-align: center; }
#pagefooter a, #pagefooter a:link, #pagefooter a:active, #pagefooter a:visited { text-decoration: none; color: blue; }
#pagefooter a:hover { text-decoration: underline; color: red; }
#m_zip { width: 7em; }
#m_fees, #m_dep, #m_renprice, #m_ac { width: 7em; }
#m_joined, #m_rendate, #request_departuredate, #request_returndate, #s_departuredate, #s_returndate, #s_entrydate, #s_editdate,
#tv_issuedate, #s_issuedate, #tv_datebooked, #s_datebooked, #tv_traveldate, #s_traveldate, #tv_commdate, #s_commdate, #r_startdate, #r_enddate{ width: 7em; }
#template_body { width: 800px; height: 400px; }
#hidefields table td { padding-right: 20px; }
table#additionalauthorizedusers { font-size: .8em}
.newstatus1 { color: red; text-align: center; font-weight: bold;}
.newstatus2 { background-color: yellow !important; color: red; text-align: center; font-weight: bold;}
.newstatus3 { background-color: yellow !important; color: red; text-align: center; font-weight: bold;}
.newstatus4 { text-align: center; }
#request_travelers, #request_age1, #request_age2, #request_age3, #request_age4 { width: 2em; }
#request_departurecity, #request_destinationcity { width: 275px; margin-right: 0px;}
#request_departurecity_iata, #request_destinationcity_iata { width: 40px; margin-left: 5px;}
#CityPicker {
	border: 1px solid #bbb;
	background-color: #eee;
	color: black;
	padding: 3px 5px;
	white-space:nowrap;
	font-size: 12px;
}
#CityPicker a { background: transparent; text-decoration: none; color: black; }
#CityPicker a:hover { background: #fcc }
#CityPicker .cityc1 { display: inline-block; width: 30px; font-weight: bold;}
#CityPicker .cityc2 { display: inline-block; width: 280px;  }
#span_comments { width: 600px; height: 250px; overflow: auto;}
.salesmessage  { display: inline-block; border: 1px dashed #0c0; background-color: #efe; font-size: .8em; padding: 4px 8px; font-weight: bold;}
#viewmessagetable { border-collapse: collapse; }
#viewmessagetable th { text-align: right; vertical-align: top; padding: 3px; }
#viewmessagetable td { border: 1px solid black; padding: 3px; }
#frontpageforms { width: 300px; }
#frontpageforms a, #frontpageforms a:link, #frontpageforms a:visited { color: blue; }
#frontpageforms a:hover { color: red; }
div.cke_editor_template_body_dialog label { display: inherit; width: auto; text-align: left; margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	float: none;
	vertical-align: baseline;
}
#header { margin: 0; padding: 0; }
#recenthistory { font-size: 11px; position: relative; left: 170px; top: 0px; margin: 0; padding: 0;}
#recenthistory p { margin: 0; padding: 0; font-weight: bold;}
#recenthistory ul { margin-top: 0}
#recenthistory a, #recenthistory a:link, #recenthistory a:visited, #recenthistory a:active { color: blue; text-decoration: none; }
#recenthistory a:hover { color: red; }
@media print { 
/* style sheet for print goes here */
#header, .tabline { display: none; }
}