.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: 13px;color: #4d4d4d;width: 100%;} */
.tablestyle{font-family:arial; font-size:11px; border:1px solid #808080; background-color:#FFFFFF; color:#4d4d4d; width:100%;}
.tablestyle td a{color: #4d4d4d;font-weight: bold;text-decoration: none;}
.altrowstyle{background-color: #dddddd;}
.headerstyle th{background-color:#c00000; 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{}
.whitebottom{}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	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;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	APPLE-LIKE SLIDER GALLERY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#container {background-color: transparent; width: 540px;margin: 15px auto;padding: 10px;}
.sliderGallery{overflow:hidden;position:relative;padding:10px;height:160px;width:540px}               
.sliderGallery ul{position:absolute;list-style:none;overflow:none;white-space:nowrap;padding:0;margin:0}               
.sliderGallery ul li{display:inline}
.slider{width:1080px;height:17px;margin-top:140px;margin-left:5px;padding:1px;position:relative;background:url(http://static.jqueryfordesigners.com/demo/images/productbrowser_scrollbar_20070622.png) no-repeat}               
.handle{position:absolute;cursor:move;height:17px;width:181px;top:0;background:url(http://static.jqueryfordesigners.com/demo/images/productbrowser_scroller_20080115.png) no-repeat; z-index:1000} 
.slider span{ color:#bbb; font-size:80%; cursor:pointer; position:absolute; z-index:1110; top:3px} 
.slider .slider-lbl1{ left:50px} 
.slider .slider-lbl2{ left:107px} 
.slider .slider-lbl3{ left:156px} 
.slider .slider-lbl4{ left:280px} 
.slider .slider-lbl5{left:455px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
IMAGE ROTATOR
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* rotator in-page placement */
 div#rotator{position:relative; height:200px;  margin-left:-40px; text-align:center;color: #4d4d4d;}
/* rotator css */
div#rotator ul li{float:none; position:absolute; list-style:none; font-size:12px; width:170px;color: #4d4d4d; text-transform:capitalize;background-color:#fff;height:220px}
/* rotator image style */
div#rotator ul li img{background:#fff}
 div#rotator ul li.show{z-index:500; background-color:#fff;}
 
 
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
IMAGE ROTATOR
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* rotator in-page placement */
 div#banner{position:relative; height:600px;  margin-left:-40px; text-align:center;color: #4d4d4d;}
/* rotator css */
div#banner ul li{float:none; position:absolute; list-style:none; font-size:12px; width:170px;color: #4d4d4d; text-transform:capitalize;background-color:#fff;height:600px}
/* rotator image style */
div#banner ul li img{background:#fff}
 div#banner ul li.show{z-index:500; background-color:#fff;}
 
 
 
 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
OODLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.oodlesbox{margin-bottom: 0px;padding-bottom: 0px;padding-left: 0px; }
.oodlesbox-bottom{background: transparent url(images/version3/bg-oodles-bottom.gif) no-repeat; padding-top:5px; background-position:bottom left;}
.oodlesbox .title {font-weight: normal; color:#4d4d4d; text-align:left; font-size:14px; background: transparent url(images/version3/bg-oodles-top.gif) no-repeat; background-position:top left; height:48px;}
.oodlesbox .title p{padding-top:7px; padding-left:37px; text-transform:capitalize; }
.oodlesbox .oodleitems {color:#4d4d4d; text-align:left; background: transparent url(images/version3/bg-oodles-middle.gif) repeat-y; background-position:top left;padding-right:30px; padding-left:10px; }

.oodlesbox li{list-style: none;}
.oodlesbox a{color: #4d4d4d;font-weight: bold;text-decoration: none;}
.oodlesbox a:hover{border-bottom: 0px; color:#c00000;}

.oodlesbox .li_selected a{color: #df1f04;font-weight: bold;text-decoration: none;}
.oodlesbox .li_selected a:hover{color: #fff;}

.oodlesbox .treeview{font-size: 11px; padding: 0px 10px 2px; line-height: 18px; margin: 0px; padding-right:10px;}
.oodlesbox .treeview ul{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; color: #005d65; background-color: transparent;}
.oodlesbox .treeview ul .li_selected{font-weight: bold;}
.oodlesbox .treeview ul .li_unselected{}


.oodlesbox2{margin-bottom: 0px;padding-bottom: 0px;padding-left: 0px; }
.oodlesbox2-bottom{background: transparent url(images/version3/bg-oodles-bottom.gif) no-repeat; padding-top:5px; background-position:bottom left;}
.oodlesbox2 .title {font-weight: normal; color:#4d4d4d; text-align:left; font-size:14px; background: transparent url(images/version3/bg-oodles-top.gif) no-repeat; background-position:top left; height:48px;}
.oodlesbox2 .title p{padding-top:7px; padding-left:37px; text-transform:capitalize; }
.oodlesbox2 .oodleitems {color:#4d4d4d; text-align:left; background: transparent url(images/version3/bg-oodles-middle.gif) repeat-y; background-position:top left;padding-right:50px; padding-left:-20px; }

.oodlesbox2 li{list-style: none;}
.oodlesbox2 a{color: #4d4d4d;font-weight: bold;text-decoration: none;}
.oodlesbox2 a:hover{border-bottom: 0px; color:#c00000;}

.oodlesbox2 .li_selected a{color: #df1f04;font-weight: bold;text-decoration: none;}
.oodlesbox2 .li_selected a:hover{color: #fff;}

.oodlesbox2 .treeview{font-size: 11px; padding: 0px 10px 2px; line-height: 18px; margin: 0px; padding-right:10px;}
.oodlesbox2 .treeview ul{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; color: #005d65; background-color: transparent;}
.oodlesbox2 .treeview ul .li_selected{font-weight: bold;}
.oodlesbox2 .treeview ul .li_unselected{}