.foo{}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FLYOUT CONTRO (HEADER MENUBAR)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.flyoutmenu {text-align:left; font-weight:normal; background: transparent url(images/bg_sidebarboxes.gif) repeat-x left top;  padding:5px 5px 5px 5px; border: solid 2px #0c5582;}
.flyoutimage {text-align:center; font-weight:normal; background: transparent url(images/bg_sidebarboxes.gif) repeat-x left top;  padding:5px 5px 5px 5px; border: solid 0px #0c5582; width:115px; height:80px; vertical-align:middle; text-transform:capitalize;}
.flyoutmenu2 {text-align:left; font-weight:normal; background-color:#005d65; padding:5px 5px 5px 5px; border: solid 2px #0c5582;}
.flyoutimage2 {font-weight:normal; background-color:#005d65;  padding:5px 5px 5px 5px; width:130px; height:110px; vertical-align:top; margin-left:5px; color:#fff; text-align:left;}
.flyoutimage2 a{color:#fff; font-size:0.9em;}
.flyoutimage2 a:hover{color:orange; font-size:0.9em;}
.flyoutimage2 li{list-style: none;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CLASSIFIED EDIT GRID VIEW
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tablestyle{font-family: arial;font-size: 11px;border: 1px solid #808080;	background-color: #FFFFFF;margin-left: 0px;color: #245D75;width: 100%;}
.tablestyle td a{color: #D16400;font-weight: bold;text-decoration: none;}
.altrowstyle{background-color: #fffaa9;}
.headerstyle th{background-color:#005d65; color: #fff;padding: 5px 10px 5px 10px;text-align: center;vertical-align: middle;font-weight: bold;border: solid 1px #676767;}
.headerstyle th a{font-weight: bold;text-decoration: none;text-align: center;color: #fff;display: block;	padding-right: 10px;}
.rowstyle td, .altrowstyle td{padding: 4px 10px 4px 10px;border-right: solid 1px #A0C0E7;border-right-color: #808080;}
.PagerStyle{height: 28px;background: url(Images/grid_header_back.png) repeat-x;background: #EEEEEE;vertical-align: middle;}

.whitetop{height:14px; width:690px;background: url(images/bg_white_top.gif) repeat-x; background-position:top;}
.whitebottom{height:27px; width:690px;background: url(images/bg_white_bottom.gif) repeat-x; background-position:bottom;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TABLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
td{	vertical-align: middle;}
td.fieldname{font-size: 12px;}

.TableContainer{}
.TableContainer .Row{}
.TableContainer .Row .ItemName{padding: 3px 10px 0px 0px;display: block;white-space: nowrap;padding-right: 10px;vertical-align: middle;}
.TableContainer .Row .ItemValue{padding: 3px 0px 0px 0px;vertical-align: middle;}

table.adminContent{border-collapse: collapse;color: #333;font-size: 12px;margin: 0px;width: 100%;vertical-align: middle;text-align: left;}
table.adminContent td{padding: 4px 4px 4px 4px;}
tr.adminGroup td{border-top: solid 1px #d3d3d3;	padding-top: 10px;	margin-top: 10px;}
td.adminTitle{text-align: left;vertical-align: middle;width: 225px; height:20px;}
td.adminTitle img{vertical-align: bottom;padding-right: 2px;}
td.adminData{text-align: left;	vertical-align: middle;}

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


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	UPDATE PROGRESS CONTROLS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.updateProgress{position: absolute;background-color: #fff; filter: alpha(opacity=70); MozOpacity: 0.7; opacity: 0.7;padding: 0px;margin: 0px;}
.updateProgress div{background-color: white;padding: 4px;position: absolute;top: 10%;left: 50%;}

.imagebartable {margin-left:40px;}
.imagebartable img{width:55px; height:55px; padding:1px;}
.imagebartable img:hover{width:70px; height:70px;}

.imagebartable2 {margin-left:0px; width:100%; background-color:#d0261c; font-weight:normal; color:#fff;}
.imagebartable2 a{color:#fff;}
.imagebartable2 a:hover{color:#ffdf50;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CLASSIFIED LISTING BOXES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.classifiedbox2{background-color:transparent; width:137px; margin-right:5px;}
.classifiedbox2 .title{background-image:url(images/classified-title.gif); height:26px; width:135px; background-repeat:no-repeat; color:#005d64; font-weight:bold;}
.classifiedbox2 .classifieditem{background-image:url(images/classified-background.gif); height:130px; width:135px; background-position:bottom; background-repeat:no-repeat;}

.classifiedbox3{background-color:transparent; width:140px; margin-right:5px;}
.classifiedbox3 .title{background-image:url(images/classified-title.gif); height:26px; width:140px; background-repeat:no-repeat; color:#005d64; font-weight:bold; text-align:center;}
.classifiedbox3 .classifieditem{background-image:url(images/classified-background.gif); height:130px; width:140px; background-position:bottom; background-repeat:no-repeat; text-align:center;}

.infopopup {color: #FFFFFF; background: #414244;padding: 5px 5px 5px 5px; text-align: justify; width:250px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
OSX POPUP
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#osx-modal{}
#osx-modal-content, #osx-modal-data {display:none;}
#osx-overlay {background-color:#000; cursor:wait;}
#osx-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:870px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
RED BUTTONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.redyyobutton{background:url(images/button-red.gif) no-repeat 25% 50% transparent; border:0px solid #333; color:#FFF; height:24px; padding:0 5px 0 5px; width:65px; overflow:visible; cursor:pointer;}
.redyyobuttoncontact{background:url(images/button-red.gif) no-repeat 25% 50% transparent; border:0px solid #333; color:#FFF; height:24px; padding:0 5px 0 2px; width:65px; overflow:visible; cursor:pointer;}
.redyyolinkbutton{background-color:transparent; border:0px solid #333; color:#FFF; height:24px; overflow:visible; cursor:pointer;}
.redyyopngbutton{background:url(images/button-redpng.png) no-repeat 25% 50% transparent; border:0px solid #333; color:#FFF; height:24px; padding:0 5px 0 5px; width:65px; overflow:visible; cursor:pointer;}
.redyyopngbutton2{background:url(images/button-redpng2.png) no-repeat 25% 50% transparent; border:0px solid #333; color:#FFF; height:24px; padding:0 0px 0 0px; width:86px; overflow:visible; cursor:pointer;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
MODAL POPUP
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.modalBackground {background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
.modalPopup {background-color:#005d64; border-width:3px; border-style:solid; border-color:#003539; padding:3px; width:500px;color:#fff;}
.modalPopup p {padding: 5px; color:#fff;}