img, div, li { behavior: url("/includes/css/iepngfix.htc") } 

#companyDetail li { list-style: square outside; margin-left: 15px;}
#companyDetail h1{ width:350px;}

body 
{
    font-family: Arial;
    font-size: 12px;
    color: #444;
}

p { margin: 10px 0px;}
strong {font-weight: bold;}

a, a:visited {
	color:#0066cc;
}
a:hover {
	color:#18184B;
	text-decoration:none;
}


ol li{
    list-style-type: decimal;
    list-style-position: inside;
    margin-top: 15px;
}


/* Global styles */
div.evenspace
{
    margin: 0px 10px 10px 0px;
}
div.centered
{
    margin: 0px auto;
}

span.success
{
    background: #eee;
    border: 1px solid #0066cc;
    padding: 3px;
    display: block;
}
span.error
{
    background: #eee;
    border: 1px solid red;
    padding: 5px;
    display: block;
    font-weight: bold;
    color: Red;
}


/* ---------------------------------- Heading Styles */

h1 {
	font-size:1.6em;
	clear:both;
	color:#93B735;
	padding:6px 0px 3px;
	font-weight:bold;
	margin-bottom:8px;
}
h2 {
	font-size:1.4em;
	color:#93B735;
	padding:6px 0px 8px;
	font-weight:bold;
}
h3 {
	font-size:1.15em;
	color: #93B735;
	margin: 0px 0px 4px 2px;
	font-weight:bold;
}
h4 {
	font-size:1.1em;
}


/* Form styling */

td {	
	vertical-align:top;
	padding:5px;
}

th
{
    font-weight: bold;
    text-align: right;
}
	
label.sub-label {
	display:block;
	padding:4px 0px 4px 0px;
	font-size:0.9em;
}

fieldset {
	padding:10px;
	margin:10px 0px 10px 0px;
	border:3px #8ACD0E solid;
}

legend {
	padding:0px 8px;
	font-weight: bold; 
	font-size: 1.2em; 
	color: #93B735; 
}
option {
	padding:3px 6px;
}
select {
	cursor:pointer;
    height: 20px;
}
.clearer {
	height:0px;
	line-height:1px;
	font-size:1px;
	clear:both;
}
table {
	/*margin:0px 0px 10px 0px;*/
}
li td, li table {
	padding:2px;
	margin:0;
}
.fineprint
{
    font-size: 0.8em;
    color: #444;
}

fieldset li, .form-list li, ul.form li {
	padding:5px 0px;
	list-style:none;
}

fieldset.form label
{
    clear: none;
    float: left;
    width: 150px;
    text-align: right;
    padding: 0px 10px 3px 0px;
}
ul.form label
{
    clear: none;
    float: left;
    width: 150px;
    padding: 0px 10px 3px 0px;
}

table.orgselector
{
    margin-left: 20px;
}
table.orgselector label
{
    padding: 0px 5px;
}
.orgselector td
{
}

input[type="text"], input[type="password"], textarea {
	border:1px #CCCCCC solid;
	background-color:#F8F8F8;
	padding:5px;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	background-color:#FFFFE6;
}

textarea.code
{
    font-family: Courier;
    font-size: 0.9em;
}

/* This is for all the decent browsers - So they understand the hover effect */
input[type="submit"], input[type="button"], .frm_button {
	padding:6Px;
	cursor:pointer;
	background-image:url(../images/button_bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FBC900;
	border:2px #FF970C solid;
	color:#fff;
	font-weight: bold;
}
input[type="submit"]:hover, input[type="button"]:hover {
    background-image:none;
}
/*############ END GENERIC FORM BUTTONS ##############*/

/* Menu styles */
div.topmenu
{
    height:28px;    
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
}

div.topmenu div.menu_item
{
    float: left; clear: none;
    border-right: 1px solid #BBBBBB;
    padding: 4px;
}

div.topmenu a
{
    color: #4EAB44;
    text-decoration: none;
    margin: 3px;
}

div.topmenu div.menu_item:hover
{
    background: #eee;
}

/* Home page styles */

.spiel
{
    font-family: Georgia;
    font-size: 18px;
    margin: 5px 0px;
    color: #666;
}

.spiel img
{
    float: left;
    margin-right: 10px;
}


.feature
{
    padding: 10px 10px 10px 10px;
}

.feature .title
{
    padding-left: 10px;
}

.feature .title .left
{
    background: url(../images/feature_title_left.gif) top left no-repeat;
    width: 11px;
    float: left; clear: none;
    height: 26px;
}
.feature .title .right
{
    background: url(../images/feature_title_right.gif) top right no-repeat;
    float: left; clear: none;
    width: 10px;
    height: 26px;
}
.feature .title .mid
{
    background: #F1FDDB;
    border-top: 1px solid #BEE86F;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    float: left;
    clear: none;
}
.feature .title .mid div
{
    padding: 4px;
}
.feature_content
{
    border: 1px solid #ccc;
    clear: both;
}
.feature_content img
{
    float: left;
    margin: 3px;
}

.feature_content td
{
    width: 33%;
}

.feature_content td a
{
    color: #333;
    text-decoration: none;
}
.feature_content td:hover
{
    background: #eee;
}

/* --- Home Page Links --- */
.linkcats {
	float:left;
	width:47%;
	/* set a min height */
	min-height:8em;
    height:auto !important;
    height:8em;
    background: url(../images/checkmark.png) no-repeat;
}
.linkcats .content
{
    padding:7px 10px 3px 50px;
}
.linkcats h5 {
	border-bottom:1px solid #BBD9EE;
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0px 0px 4px;
	padding:0px 0px 2px;
}
.linkcats h5 a, .linkcats h5 a:visited {
	text-decoration:none;
	color:#333333;
}
.linkcats h5 a:hover {
	color:#BBD9EE;
}

.hpsubcatholder {
	list-style:none;
	padding:0px 8px;
}
.hpsubcatholder li {
	display:block;
	width:49%;
	float:left;
	padding:1px 0px 1px 0px;
	/* min-height */
   	min-height:1.2em;
    height:auto !important;
    height:1.2em;
}
.hpsubcatholder li a, .hpsubcatholder li a:visited {
	display:inline;
	text-decoration:none;
	color:#666666;
}
.hpsubcatholder li a:hover {
	border-bottom:1px solid #f5464b;
}

/* Sidebar styles */

div.sidebar
{
    background: #DDDDDD;
    height: 100%;
    border: 1px solid #808080;
    border-right: none;
}

div.sidebar div.content
{
    border: 1px solid #fff;
}

div.sidebar div.content div
{
    padding: 0px 3px 3px 3px;
    font-family: Verdana;
}

div.sidebar h2
{
    padding: 5px 4px;
    color: #fff;
    font-size: 1.4em;
    background: url(../images/sidebar_top_bg.png) repeat-x;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    letter-spacing: 1px;
}

div.sidebar a
{
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    
}
div.sidebar a:hover
{
    text-decoration: underline;
}
div.sidebar li
{
    padding: 3px;
}

div.sidebar div.content div.listing
{
    clear: both;
    padding: 10px 0px 15px 0px;
    background: url(../images/listing_underline.gif) bottom no-repeat;
}

div.sidebar div.listing img
{
    float: left;
    border: 1px solid #ccc;
    margin-right: 5px;
}


/* Page styles */

.login, .register
{
    margin: 10px auto;
    width: 400px;
}


/* ---- Listing Page ---- */

.topcategories {
	padding:0px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:1px #CCCCCC solid;
}
.topcategories.orgs
{
    background: #eee;
}
.topcategories li {
	display:block;
	float:left;
	width:31%;
	padding:6px 0px 6px 15px;
	background-image:url(../images/subcat-list-arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.topcategories li a, .topcategories li a:visited {
	font-size:1.1em;
	color:#333333;
}
.topcategories li a:hover {
}

.listingholders {
	padding:12px 10px;
	border: 1px solid #d7e1e8;
	margin:0px 0px 8px 0px;
}
.featuredlisting {
	background-color:#FFF6ee;
	margin:0px 0px 8px 0px;
	padding:10px;
	border: 1px solid #FDAF06;
	border-left: 10px solid #FDAF06;
}
.featuredlisting img
{
    border: 1px solid #d7e1e8;
}
.listingholders h4 {
	color:#0066CC;
	font-size:1.3em;
	font-weight:normal;
	padding:1px 0px;
}
.listingholders h4 a, .listingholders h4 a:visited {	
	color:#0066CC;
}
.listingholders h4 a:hover {
	text-decoration:none;
}

.wesponsor
{
    float: right;
    width: 200px;
    margin: 1px;
}

.wesponsor li
{
    list-style: none;
    padding: 1px 5px;
    list-style-position: outside;
}

.wesponsor h4
{
    padding: 2px 6px;
    font-weight: bold;
    margin-top: -5px;
    font-size: 0.97em;
    background: url(../images/proudly_sponsoring.png) no-repeat;
    color: #fff;
    height: 20px;
}


.listingholders p {
	font-size:0.9em;
}
p.extralinks {
	font-weight:bold;
}
p.theurl, a.theurl {
	color:#6EB82F;
	font-style:italic;
}

.thumbnail {
	float:left;
	margin:0px 8px 0px 0px;
	max-width: 70px;
}

.rssholder {
    text-align:right; 
    float: right;
    height: 15px;
}

#listingholder
{
    float: left;
    clear: left;
    width: 100%;
    margin-top: 0px;
}



.listing_logo 
{
    padding: 10px;
    float: right;
    clear: none;
    max-width: 300px;
}


/* Overriding styles */

div.topmenu a.hl
{
    color: #FBC900;
}


/* ###########################  Nice Grid Views ######################### */

.grid h2 
{ 
	margin:0; padding:0; 
	color:#ffffff;
	height:20px;
	line-height:20px;
	font-size:14px;
}
.grid .mid
{
	padding:3px 0px 0px 0px;
}
.grid .datatable
{
	width:100%;
	color:#666;
}        
.grid .datatable th
{
    font-size:12px;
    font-weight:bold;
    letter-spacing:0px;
    text-align:left;
    padding:2px 4px;
    color:#333333;
    border-bottom:solid 2px #bbd9ee;
}
.grid .datatable th a
{ 
	text-decoration:none;
	padding-right:18px; 
	color:#0066cc;
}
.grid .datatable th.sortasc a { background:url(../img/asc.gif) right center no-repeat; }
.grid .datatable th.sortdesc a { background:url(../img/desc.gif) right center no-repeat; }
.grid .datatable .row td
{
    font-size:12px;
    text-align:left;
    padding:6px 4px;
    border-bottom:solid 1px #bbd9ee;
}
.grid .datatable .select td 
{
    background-color:#fffacd;
	color:#000;
    font-size:11px;
    text-align:left;
    padding:6px 4px;
    border-bottom:solid 1px #bbd9ee;
}
.grid .datatable .row:hover
{
	background-color:#fffacd;
	color:#000;
}
.grid .datatable .row td.first { padding-left:10px; }
.grid .datatable th.first { padding-left:10px; }
.grid .datatable .row:hover .first
{
    background-repeat:no-repeat;   
	background-image:url(../img/bullet.gif);
}  
.grid .datatable .inactive td
{
    font-size: 11px;
    color: #aaa;
}
/* Data Pager Styles */
.grid TR.pager-row TD
{
    border-top:solid 2px #bbd9ee;
}
.grid .pager
{
    font-family:arial,sans-serif;
    text-align:center;
    padding:6px;	
    font-size:18px;
} 
.grid .pager span.command,        
.grid .pager span.current,        
.grid .pager a.command,
.grid tr.pager-row td a
{
    color:#5a90ce;
    padding:0px 5px;
    text-decoration:none;
    border:none;
}
.grid .pager a.command:hover,
.grid tr.pager-row td a:hover
{
    border:solid 2px #408BB6;
    background-color:#59A5D1;
    color:#fff;
    padding:0px 3px;
    text-decoration:none;
}        
.grid .pager span.current,
.grid tr.pager-row td span
{
	border:none;
    font-weight:bold;
    color:#3e3e3e;
    padding:0px 6px;
}
.grid tr.pager-row td
{
	border-top:none;
	text-align:center;
}
.grid tr.pager-row table
{
	height:35px;
	margin:0 auto 0 auto;
}

.org_logo
{
    float: left;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;    
}


.why_sponsor td
{
    padding: 0 0 0 10px;
}

.why_sponsor ul
{
    padding:0px;
    margin:0px;
}

.why_sponsor li
{
    list-style-position:outside;
    list-style-type: circle;
    padding-left:10px;
    margin-left: 20px;
}



.t {background: url(../images/dot.gif) 0 0 repeat-x #f3f3f3; }
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px;}