/* this was used for old left column category layout.
#column_left { float: left; width: 180px; padding: 0 10px 0 0; margin: 0 10px 0 0;}    
#column_main h2, #column_left h2 { margin: 0; padding: 0; }
*/

/**********************************************
GENERAL
*********************************************/
img {border: none;}

/**********************************************
HEADER AND NAV
*********************************************/

/*
#grdHeader { width: 630px; border-bottom: 2px solid #555; padding: 5px 0; margin: 0 0 15px 0; }
*/
#grdHeader { width: 630px; padding: 0 0; margin: 0 0 20px 0; }
#grdHeader h1 { padding: 0; margin: 0 0 5px 0; }

div#navbar { background: #EEE; border-top: 1px dashed #999; margin-bottom: 15px; padding: 6px 5px;}
div#navbar form { margin-top: -1px; }
div#grdnav { list-style-type: none; float: left; margin: 0; padding: 0;clear: right;}
div#grdnav a, div#grdnav a:link, div#grdnav a:visited, div#grdnav a:hover { color: #2683D1; font-weight: bold; text-decoration: underline;}

div.grdListSort { border-bottom: 1px dashed #999; margin-bottom: 15px; padding: 6px 5px; }
div.grdListSort div { float: right; }

/* styles for list controls - all subordinate to grdListSort above*/
div.grdListSort div.grdCntlCont { float: left; position: relative; padding: 0px 8px 0px 14px ; border-right: 2px solid #BBB;}
div.grdListSort div.grdCntlContLast{ border-right: none;}
div.grdListSort div.grdCntlContFirst{ padding-left: 0;}
div.grdListSort div.grdCntlCont a {font-weight: bold;}
div.grdListSort div.grdCntlCont a:hover {text-decoration: underline;}
div.grdListSort div.grdCntlCont a.grdCntlDd {display: block; padding: 1px 18px 1px 0px; background: url(/modules/grd/images/dd.gif) no-repeat right;}
div.grdListCntl {display: none; position: absolute; background: #FFF; border: 1px solid #999; width: 300px; padding: 10px;}
div.grdListCntl a {font-weight: bold;}
div.grdListCntl a.close {padding: 0 5px; border-left: 1px solid #666;border-bottom: 1px solid #666;color: #990000;position: absolute; right: 0px; top: 0px;}
div.grdListCntl ul {list-style-type: none; padding: 0; margin: 0 0 20px 0; float: left;}
div.grdListCntl ul li { margin: 2px 0;}
div.grdListCntl div {clear: both; float: left; width: 100%;}
div.grdListCntl div input {float: right;}

/* old edit menu - I think....
div.edit_nav {padding: 0; margin: 0 0 10px 0; clear: both; font-weight: bold;}
div.edit_nav ul { list-style-type: none; margin: 0; padding: 0; }
div.edit_nav ul li { float: left; padding: 4px 12px; background: #DDD; border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 1px solid #666; border-bottom: 1px solid #666;}
div.edit_nav ul li.selected {background: #FFF; border-bottom: none;}
*/

ul#grdlist { list-style-type: none; padding: 0; margin: 0; float:left; width: 100%;}
ul#grdlist li { padding: 6px 5px; margin: 0;}
.odd { background-color: #EEE; }
ul#grdlist li h3 { padding: 0; margin: 0;}
ul#grdlist p { padding: 0; margin: 0; }
ul#grdlist li div { float: right; color: #990000; font-weight: bold;}

ul.jobList { width: 430px; }
ul.jobList li { border-bottom: 1px solid #999; padding: 0 !important; margin: 0 0 8px 0 !important;}

ul li h3 span { font-size: 12px; color: #555; font-weight: normal;}

div.listDetail { display: none; border-top: 1px dashed #AAA; border-bottom: 1px dashed #AAA; padding: 0 0 8px 0; width: 430px; margin: 10px 0;}
div.listDetail span { font-weight: bold; font-size: 14px; }
div.listDetail a { font-weight: bold; margin: 5px 0 0 0; display:block; }
div.listDetail h1 {margin: 0 0 8px 0; }

/************************************
CUSTOM LAYOUT STUFF
***********************************/
form.form_layout ol { margin-left: 0; padding-left: 0;}
form.form_layout label { width: 130px; } /*custom width*/
span.form_required { color: #990000; font-weight: bold; }

ul.checkboxes { list-style-type: none; padding: 0; margin: 0 0 20px 0; width: 250px; float: left;}
ul.checkboxes li { margin: 2px 0;}

ul.multiCol { list-style-type: none; padding: 0; margin: 0 20px 20px 0; float: left;}
ul.multiCol li { margin: 2px 0;}

/* Detail Page Styles */
hr.title_rule { border-top: 1px solid #DDD;border-left: none; border-right: none; border-bottom: none; margin: 0 0 0 0; }
hr.footer_rule { border-top: 1px solid #DDD;border-left: none; border-right: none; border-bottom: none; margin: 20px 0; }
h1.detail_page { margin: 0 0 3px 0; border-bottom: 1px solid #DDD; padding: 0 0 5px 0; }
h1.detail_page div { float:right; font-size:16px; margin: 0px 0 0 20px;font-weight: normal; }



/**********************************
STYLES FOR CAT LIST ON LEFT SIDE
**********************************/
ul.grd_cat { list-style-type: none; padding: 0; margin: 5px 0 0 15px; }
ul.grd_cat li { padding: 2px 0px; font-weight: bold;}

/**********************************
STYLES FOR CAT LIST ON LEFT SIDE
**********************************/
/* not used anymore: this style is similar to the classifieds top level category listing...
ul.grd_cat { list-style-type: none; padding: 0; margin: 0; }
ul.grd_cat li { padding: 2px 4px; border-bottom: 1px solid #DDD; }
ul.grd_cat li.even { background-color: #EEE; }
ul.grd_cat li div { float: right; font-weight: bold;}
*/

/**********************************
MAIN LISTING STYLEs, EX: FOR A PROVIDER LISTING PAGE
**********************************/
div.grd_listing_address {float: right; color: #333; width: 250px; text-align: right; margin: 5px 0 5px 20px;}


/**********************************
PHOTO DISPLAY
**********************************/
div.photo_display { float: left; width: 140px; padding: 0 0 0 0; margin: 0 10px 20px 0; }
div.photo_display img { float: left;  width: 140px; margin: 0 0 10px 0; padding: 0 0 0 0; border: none;} 
div.photo_display span, div.photo_display p { width: 120px; display: block; float: left; clear: both; padding: 0 0 0 0; margin: 0 0 0 0;} 
div.photo_display span { font-weight: bold; }

/* main gallery image */
#gallery_img{ padding: 10px; border: 1px solid #999; display: none; }



/**********************************
Data List
**********************************/
div.grd_list { width: 610px; padding: 6px 10px; margin: 0 0 0 0;}
div.grd_list h4 { font-size: 15px; font-weight: bold; padding: 0; margin: 0 0 5px 0;}
div.grd_list div.grd_date { float: right; text-align: right; padding: 4px 0 0 20px; font-size: 11px; }

/**********************************
Management area styles
**********************************/

ul.simple {list-style-type: none; margin: 0; padding: 0; font-size: 12px;}
ul.simple li {margin: 0 0 7px 0; }
.grd_provider_manage_container { margin:20px 0px 0px 0px; }
.grd_provider_manage_title { float:left;margin:0px 30px 0px 0px;width:150px;overflow:hidden; }
.grd_provider_manage_rmvBtn { float:left;margin:0px 0px 0px 0px; }
.grd_provider_manage_shim { clear:left; }
