/*-- System relevant styles, these can be amended to ensure fluidity with templates --*/

body {
	z-index: 0;
}

.sml_btn {
	background-image: url(/public/dos/images/small_button.gif);
	background-repeat: no-repeat;
	border: none;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 25px;
	width: 73px;
}

.lrg_btn {
	background-image: url(/public/dos/images/large_button.gif);
	background-repeat: no-repeat;
	border: none;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	cursor: hand;
	cursor: pointer;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 25px;
	width: 123px;
}

a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 22px;
	color: #003399;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	color: #0066CC;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.headerfont {
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}

.celldots {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #99CCFF;
}

.tableborder2 {
	border: 1px solid #67AAED;
}

.required {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FF0000;
}

.error {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FF0000;
}

.info {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #33cc66;
}

hr {
	border: none 0;
	text-align: left;
	border-top: 1px dotted #99CCFF;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

.systbleborder {
	border: none;
	background-color: #FFF;
}

.systbleborder td {
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	background-color: #FFF;
}

.systblesep {
	border: none;
	text-align: left;
	width: 100%;
	border-top: 1px dotted #999;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

.systbleborder td font {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FF0000;
}

.systbleborder th {
	background-color: #FFF;
	text-align: left;
	border-bottom: 1px dotted #000;
}

.systbleborder ul {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	list-style: square;
}

.systbleheader {
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}

.rules {
	visibility: hidden;
	color: #FF0000;
}

input[type=text], [type=password] {
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #000066;
	padding: 3px;
}

select {
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #000066;
	padding: 3px;
}

textarea {
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #000066;
	padding: 3px;
}

.price {
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003399;
}

.price_on {
	color: #FF0000;
}

#detailsmain {
	border-bottom: 1px dotted #99CCFF;
	width: 100%;
	float: left;
}

#textdetails {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 4px;
	padding-top: 6px;
	line-height: 22px;
	/*padding-bottom: 10px;*/
	float: left;
}

#textdetails h3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #67AAED;
}

#textdetails h3 a:link {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #67AAED;
}

#textdetails h3 a:visited {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999;
}

#textdetails h3 a:hover {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #67AAED;
}

.categorybox {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #67AAED;
	padding: 3px;
}

#listingpages {
	padding-left: 4px;
	padding-top: 6px;
	float: left;
}

#logo {
	padding: 6px;
	float: right;
}

#description {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	width: 100%;
	padding: 4px;
	line-height: 16px;
	margin-bottom: 5px;
	float: left;
}

p {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #333333;
}

a.hint {
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
}

a.hint:hover {
	z-index:25;
    color:#000;
}

a.hint:visited {
    z-index:24;
    color:#000;
}

a.hint span {
	z-index:999;
	display: none;
}

a.hint:hover span { /*the span will display just on :hover state*/
	z-index:999;
    display: block;
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 1px;
    width: 165px;
    border: 1px solid #67AAED;
    background-color: #DCECF8;
    color: #000;
}


/*-- Index page specific styles (divs, hr, etc) --*/

#contentblock {
	width: 108%;
	border: none;
	background-color: #FFFFFF;
	margin-right: 0px;
	margin-left: -12px;
}

#leftblock {
	float: left;
	width: 60%;
}

#fullleftblock {
	float: left;
	width: 100%;
}

#rightblock {
	float: right;
	width: 230px;
}

#sys_logo {

}

#sys_nav {
	padding: 5px;
	vertical-align: baseline;
}

#sys_info {
	margin-top: 10px;
	padding: 5px;
}

#sys_info h3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding: 0px;
}

#sys_search {
	background-image: url(../images/search_grad.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding-top: 32px;
	padding-left: 36px;
	padding-right: 20px;
}

#sys_search h2 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000066;
}

#sys_search h3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	padding-top: 12px;
	padding-bottom: 4px;
}

#sys_search input[type=text] {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	padding: 3px;
	border: 1px solid #000066;
}

#sys_search select {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	padding: 2px;
	border: 1px solid #000066;
}

.searchhr {
	border: none;
	text-align: left;
	width: 100%;
	border-top: 1px dotted #999;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

.logo_left {
	float: left;
}