body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,th,td {
	margin:0;padding:0;
	font-size: 100%;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	/*background: transparent;*/
}


body {
	padding: 15px;
	margin: 0 auto;
	background: #222 ; /*url(/images/admincp/test_bg.gif)*/
}

div#pageWrapper {
	border: #444444 1px solid;
	padding: 3px 0px 15px;
	width: 930px;
	/* height: 500px; */
	margin: 0px auto;
	/* background: url(../images/watermark.jpg) no-repeat -5px -20px; */
	background-color: #000000;
}

div#headerLeft {
	float: left;
	height: 56px;
	width: 360px;
	background: url(/images/admincp/logo_tl.gif) no-repeat 15px;
	text-align: left;
}

div#headerRight {
	float: right;
	padding-right: 15px;
	margin-top: 30px;
	font: 18px Verdana;
	color: #CCC;
}

table#headerBanner {
	clear: both;
	width: 900px;
	height: 19px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(/images/admincp/grad_grey.gif) repeat-x;
}
	table#headerBanner td {
		font: 10px Verdana; 
		color: #fff; 
		padding: 0px 10px
	}

div#contentWrapper {
	width: 900px;
	margin: 0px auto;
	min-height: 340px; /* expandable height */
	height: auto !important;
  	height: 340px;
}

div#leftMenu {
	float: left;
	width: 150px;
}

div.menuHeader {
	width: 150px;
	background-color: #666;
	text-align: left;
	cursor: pointer;
}
div.Admin {
	background-color: #CC0000;
}
div.block {
	background: #666 url("/images/admincp/icon_contract.gif") no-repeat 140px 4px 
}
div.none {
	background: #666 url("/images/admincp/icon_expand.gif") no-repeat 140px 4px
}
div.menuHeader p {
	padding: 3px;
	padding-left: 10px;
	margin: 0;
	color: #FFF;
	font: bold 11px Verdana;
}

div.menuSubHeader {
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
	font: 11px Verdana;
	padding: 2px 12px;
	background-color: #444;
	color: #FFF
}

div.menuCell {
	border-bottom: solid 1px #666;
	background-color: #333;
	text-align: left
}
div.menuSubCell {
	background-color: #333;
	text-align: left
}
div.menuSpacer {
	margin-bottom: 10px
}

a.menuItem:link, a.menuItem:visited {
	display: block;
	padding: 2px 5px;
	font: 11px Verdana;
	text-decoration: none;
	color: #FFF
}

a.menuItem:hover  { 
	background-color: #444;
	color: #FF6600
}

a.menuItemSuperAdmin:link, a.menuItemSuperAdmin:visited {
	display: block;
	padding: 2px 5px;
	font: 11px Verdana;
	text-decoration: none;
	color: #FFFFFF
}

a.menuItemSuperAdmin:hover  { 
	background-color: #444;
	color: #FF0000
}

div#content {
	float: right;
	width: 740px;
	margin-left: 10px;
	/* background-color: #FFF */
}

.contentHeader {
	background-color: #000;
	border: 1px solid #999;
	font: 16px Verdana;
	letter-spacing: +2px;
	color: #fff;
	text-align: centre;
	padding: 20px;
	margin-bottom: 10px
}

.contentTextBox {
	background-color: #ADADAD;
	/* border: 1px solid #333; */
	padding: 6px;
	margin-bottom: 10px;
	color: #000;
	font: 11px Verdana;
	text-align: left;
}

.contentSubHeaderGrey {
	background-color: #666;
	font: bold 11px Verdana;
	color: #fff;
	padding: 6px;
}
.contentSubHeaderGreyTopMargin {
	background-color: #666;
	font: bold 11px Verdana;
	margin-top: 10px;
	color: #fff;
	text-align: left;
	padding: 6px;
}
td.SubHeaderGrey {
	background-color: #666;
	font: 11px Verdana;
	color: #fff;
	padding: 6px;
}

.contentSubHeaderDarkGrey {
	background-color: #333;
	border: 1px solid #666;
	font: bold 11px Verdana;
	color: #fff;
	text-align: left;
	padding: 6px;
}

.contentSubHeaderError {
	background-color: #CC0000;
	font: bold 11px Verdana;
	color: #fff;
	text-align: left;
	padding: 6px;
}

.contentError {
	background-color: #FFE5E5;
	border: 1px solid #CC6666;
	padding: 6px;
	margin-bottom: 10px;
	color: #000000;
	font: 11px Verdana;
	text-align: left;
}

div#footer {
	clear: both;
	background-color: #333;
	border: 1px solid #666;
	/* background: url(../images/grad_lightgrey.gif) repeat-x; */
	width: 878px;
	height: 19px;
	margin: 10px 15px;
	text-align: right;
	font: bold 10px Verdana; 
	color: #FFF;
	padding: 0px 10px;
}


table#form {
	width: 728px;
}
	table#form th {
		width: 120px;
		color: #000;
		font: bold 11px Verdana;
		text-align: left;
		vertical-align: top;
		padding: 3px
	}
	table#form td {
		padding: 1px;
		font: 11px Verdana;
	}

table.list {
	margin-top: 10px;
	width: 100%;
}
	table.list tr {
		background-color: #ADADAD;	
	}
	table.list tr.even {
		background-color: #bbbbbb;
	}

	table.list th {
		background-color: #333;
		font: bold 11px Verdana;
		color: #FFF;
		text-align: left;
		padding: 4px;
	}
	table.list th.right {
		text-align: right;
	}
		table.list th a:link { text-decoration: underline; color: #FFF; }
		table.list th a:visited { text-decoration: underline; color: #FFF; }
		table.list th a:hover { text-decoration: none; color: #FFF; }
	
	table.list td {
		font: 11px Verdana;
		color: #000;
		padding: 4px;
	}
		table.list td a:link { text-decoration: none; }
		table.list td a:visited { text-decoration: none; }
		table.list td a:hover { text-decoration: underline;  }

div.multipage {
	background-color: #333;
	border: 1px solid #666;
	margin-top: 10px;
	font: 11px Verdana;
	color: #FFF;
	text-align: right;
	padding: 4px;
}
	div.multipage a:link { text-decoration: none; }
	div.multipage a:visited { text-decoration: none; }
	div.multipage a:hover { text-decoration: underline; }

a.white:link { text-decoration: underline; color: #FFF; }
a.white:visited { text-decoration: underline; color: #FFF; }
a.white:hover { text-decoration: none; color: #FFF; }

a.black:link { text-decoration: underline; color: #000; }
a.black:visited { text-decoration: underline; color: #000; }
a.black:hover { text-decoration: none; color: #000; }

a.whitemenu:link { text-decoration: none; color: #FFF; font: bold 12px Verdana }
a.whitemenu:visited { text-decoration: none; color: #FFF; font: bold 12px Verdana }
a.whitemenu:hover { text-decoration: none;  }

a:link, a:visited { color: #FD8202; text-decoration: underline; }
a:hover { color: #FD8202; text-decoration: none; }

a.alt:link, a.alt:visited { color: #3366CC; text-decoration: none; }
a.alt:hover { color: #FD8202; text-decoration: underline; }

.stdtext {
	color: #000;
	font: 11px Verdana;
}
.whitetext {
	color: #FFF;
	font: 11px Verdana;
}

p.breadcrumbs {
	color: #FFF;
	font: bold 18px Arial,Helvetica,sans-serif;
	margin-top: 10px;
}

p.loading {
	color: #FFF;
	font: bold 12px Helvetica,sans-serif;
	margin-top: 10px;
}

.normal {
	font-weight: normal;	
}

input.text {
	border: 1px solid #666;
	background-color: #EEE;
	font: 12px Verdana;
	margin: 2px;
}
input.text_highlight {
	border: 1px solid #CC6666;
	background-color: #FFE5E5;
	font: 12px Verdana;
	margin: 2px;
}
select {
	border: 1px solid #666;
	background-color: #EEE;
	font: 12px Verdana;
	margin: 2px;
}
textarea {
	border: 1px solid #666;
	background-color: #EEE;
	font: 12px Verdana;
	margin: 2px
}
input.btn {
	border: 1px solid #EEE;
	background-color: #666;
	color: #FFF;
	font: bold 11px Verdana;
	/*margin-top: 4px;*/
	margin: 2px;
	cursor: pointer;
}
input.red {
	background-color: #CC0000;
}

a.btn {
	border: 1px solid #EEE;
	background-color: #666;
	color: #FFF;
	font: bold 11px Verdana;
	/*margin-top: 4px;*/
	padding: 4px 6px;
	cursor: pointer;
	text-decoration: none;
}

select.smallselect {
	border: 1px solid #666;
	background-color: #EEE;
	font: 9px Verdana;
	margin-left: 4px;
	margin-bottom: 0px
}
input.smalltext {
	border: 1px solid #666;
	background-color: #EEE;
	font: 9px Verdana;
	/*margin: 2px;*/
}
input.smallbtn {
	border: 1px solid #EEE;
	background-color: #666;
	font: bold 9px Verdana;
	color: #FFF;
	margin-left: 4px;
	cursor: pointer;
}
hr {
	height: 1px;
	background-color: #333
}
a.calImage:link, a.calImage:visited {
	background: #DDDDDD;
	border: 1px solid #6699CC;
	cursor: pointer;
}
a.calImage:hover {
	background: #D6EBFF;
	border: 1px solid #6699CC;
	cursor: pointer;
}

.detailTextBox1 {
	background-color: #ADADAD;
	padding: 6px;
	color: #000;
	font: 11px Verdana;
	text-align: left;
}
.detailTextBox2 {
	background-color: #BBBBBB;
	padding: 6px;
	color: #000;
	font: 11px Verdana;
	text-align: left;
}
table.detail {
}
	table.detail th {
		width: 110px;
		color: #000;
		font: bold 11px Verdana;
		text-align: left;
		vertical-align: top;
		padding: 3px
	}
	table.detail td {
		padding: 1px;
		font: 11px Verdana;
	}
	
.margintop {
	margin-top: 10px !important;
}
.nomargintop {
	margin-top: 0
}
.marginbtm {
	margin-bottom: 10px !important;
}
acronym {
	border-bottom: 1px dotted #333
}
img {
	border: 0
}
p.editable {
	font: 12px Verdana;
	padding: 2px;
	margin: 0
}
p.notification {
	background-color: #FFFF99;
	border: 1px solid #666666;
	padding: 6px;
	font: 12px Verdana;
	margin:0;
}
p.last,.nm {
	margin-bottom: 0 !important;
}

/* tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#tabsContainer {
	margin-top: 12px;
	display: none;
}

.ui-tabs-nav, .ui-tabs-panel {
	text-align: left;
	padding: 0 !important;
	margin: 0 !important
}
.ui-tabs-nav {
	margin: 0;
    list-style: none;
	list-style-type: none;
}
.ui-tabs-nav li {
	list-style: none;
    float: left;
    margin: 0 2px 0 0;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
}
.ui-tabs-nav a {
    /*margin: 5px 0 0;  position: relative makes opacity fail for disabled tab in IE */
	padding: 4px 12px;
	font: bold 14px Verdana;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */   
	background: #333; 
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    /*position: relative;
    top: 1px;
    z-index: 2;*/
    background: #666;
}
.ui-tabs-nav a span {
    line-height: 20px;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    background: #000; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/* listsorter */

.list-sorter, .image-list-sorter {
	list-style-type: none;
	margin:0;
	padding:0;
}
	.list-sorter li {
		position: relative;
		width: 722px;
		padding: 8px;
		margin: 0 0 0.875em 0;
		border: 1px solid #666;
		background-color: #ADADAD;
		color: #FFF;
		font: 75% Verdana,Arial,Helvetica,sans-serif;
		line-height: 1.462;
		cursor: hand; cursor: pointer;
	}
	.image-list-sorter li {
		position: relative;
		float: left;
		width: 140px;
		padding: 0;
		margin: 0 0 10px 10px;
		font: 75% Verdana,Arial,Helvetica,sans-serif;
		color: #FFF;
		line-height: 1.462;
		cursor: hand; cursor: pointer;
	}
	#addr_list li {
		padding: 8px 8px 8px 40px;
		width: 690px;
	}
	.list-sorter img {
		float: left;
		margin-right: 8px;
	}
	.image-list-sorter img {
		display: block;
	}
	.list-sorter h3 {
		margin-bottom: 0;
	}
	
	.list-sorter div.controlContainer {
		position:absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index:2;
	}
	
	.list-sorter div.no {
		position: absolute;
		top: 0;
		left: 0;
		padding: 2px 6px;
		text-align: center;
		background: #666;
		color: #FFFFFF;
		font-size: 1.5em;
		font-weight: bold;
		font-family:Verdana, Arial, Helvetica, sans-serif
	}
	.image-list-sorter div.no {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 1.25em;
		text-align: center;
		background: #666;
		color: #FFFFFF;
		padding: 4px;
		font-weight: bold;
		font-family:Verdana, Arial, Helvetica, sans-serif
	}
	
	.list-sorter div.controls {
		position: absolute;
		top: 0;
		right: 0;
	}
	.image-list-sorter div.controls {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.list-sorter .controls .control, .image-list-sorter .controls .control{
		background-color:#666;
		padding: 0 4px 3px 4px;
		font-size:0.875em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-right: 2px;
		display: inline;
	}
	
	.list-sorter h3 {
		font: bold 14px Verdana,Arial,Helvetica,sans-serif;
		color: #000;
		margin: 0;
	}
	.list-sorter p {
		font: 12px Verdana,Arial,Helvetica,sans-serif;
		color:#000;
		margin: 8px 0 0;
	}
	

ul.image-library {
	list-style-type:none;
	margin: 10px 0 0 -10px;
	padding: 0;
	overflow: auto;
}
	ul.image-library li {
		float: left;
		padding:0;
		position: relative;
		margin: 0 0 10px 10px;
		width: 140px;
		height: 156px;
	}
	
	ul.image-library div.caption {
		position: absolute;
		left: 0; bottom: 0;
		background-color: #ADADAD;
		font: 10px Arial,Helvetica,sans-serif;
		color: #000;
		padding: 2px 4px;
		width: 132px;
	}
	
	ul.image-library div.control {
		position: absolute;
		right: 0; top: 0;
	}
	
	ul.image-library div.control a {
		background-color: #333;
		color: #FFF;
		padding: 2px 4px;
		margin-right: 2px;
		font: 11px Verdana,Arial,Helvetica,sans-serif;
		text-decoration:none;
	}

#deal-images img {
	margin: 0 4px 2px 0;
	border: 2px solid #000;
	cursor: hand; cursor: pointer;
}
#deal-images img.selected {
	border: 2px solid #FFF;
}

.notes {
	font: 12px Verdana,Arial,Helvetica,sans-serif;
	color:#000;
	background-color:#ADADAD;
	padding: 8px;
}
	.notes p.namedate {
		padding-bottom: 4px;
		border-bottom: 1px solid rgb(102, 102, 102);
		margin: 0 0 4px 0;
	}
	.notes p {
		margin:0;
	}
	


.odd {
	background-color:#ADADAD;
}
.even {
	background-color:#bbbbbb;
}

/* Clear Fix */

.clearboth {
	clear:both;
}

.clearer {
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	clear: both
}

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */