/* Borders
 *******************************************************/
.greyBorder {border:1px solid #cccccc}
.lightGrnBorder {border:1px solid #e2edba}
.ltGreyTopBorder {border-left: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-top: 1px solid #f5f5f5}
.whiteTopBorder {border-left: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-right: 2px solid #DDDDDD; }
.boxed {border:1px solid #cccccc; padding:10px; margin-bottom:15px}
.vertDottedL {border-left:1px dotted #cccccc; padding:0 5px}
.sidesOnly {border-width:0 1px}
.dottedBtmBorder {border-bottom:1px dotted #cccccc}

/* Backgrounds 
 *********************************************************/
.greyBG {background:#F3F3EF}
.ltGreyBG {background:#f4f4f4}
.lightGrnBG {background:#EFF6D5}
.greenBG {background:#E2EDBA}
.whiteBG {background:#ffffff}
.greyGradeBG {background: #ffffff url(../images/greyGrade.gif) repeat-x bottom left;}
.greenGradeBG {background:#D0DC9B url(../images/greenGrade.png) repeat-x bottom left;}
.orangeGradeBG {background:#fdaf36 url(../images/orangeGradeButton.png) repeat-x bottom left;}

/* Positioning and padding 
 **********************************************************/
.padded {padding:10px}
.paddingBig {padding:20px}
.paddingSM {padding:5px}
.paddingTopSM {padding-top:5px}
.paddingTop {padding-top:10px}
.paddingTopBig {padding-top:20px}
.marginTopBig {margin-top:20px}
.marginTop {margin-top:10px}
.marginTopSM {margin-top:5px}
.marginBtm {margin-bottom:20px}
.marginBtmSM {margin-bottom:5px}
.marginLeft {margin-left:20px}
.marginRsm {margin-right:5px}
.marginLsm {margin-right:5px}
.centered {margin: 0 auto}
.block {display:block;}
.noMargin {margin:0 0}
.noPadding {padding: 0 0 }
/* List styles
 ******************************************************************/
ul.bullet {margin-left:10px}
ul.bullet li { list-style: disc; margin:0 5px}
ul.left li {float:left}
ul.alternate li{padding:10px 5px;}
ul.reviews li {border-bottom:1px dotted #cccccc; padding:10px 5px;}
ul.pad li {padding:10px 24px; width:90px}
ul.arrow li{margin:10px; background: transparent url('../images/orangeArrow.png') no-repeat 20px 4px; padding-left:30px; font-size:11px}
ul.category {width:300px; list-style-type:none}
ul.category li {width:130px; margin-left:2%; padding:5px;}
ul.actionBox li {margin:0 0 8px; display:block; height:50px}
ul.tabs {height:33px; margin:10px 0 0 10px}
ul.tabs li {width:150px; margin-right:5px; padding:0 0 10px; height:20px; background:#eeeeee}
ul.tabs li.ui-tabs-selected {background:#ffffff url(../images/reverseGreyGrade.png) repeat-x top left; height:24px; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
ul.tabs li a {font-weight:bold; display:block; padding:5px; margin-top:5px }
ul.tabs li.ui-tabs-selected a { color:#FF6600}
.ui-tabs-hide {display:none}
ul.alpha li {margin-left:20px}
ul.alpha li a{color:#ff6600; padding:0 3px}
#frogDescription ul { list-style: disc; margin-left:10px}
#frogDescription ol { list-style: decimal; margin-left:10px}
#frogDescription ul li, #frogDescription ol li {margin-left:20px}
ol.numbered {list-style: decimal; margin-left:10px;}
ol.numbered li {margin:10px}
/* Buttons 
********************************************/
a.rounded, .button {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle; /* or top */
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible; /* IE6 form button fix */ 
}

.button, .smallBtn {display:block; cursor: pointer; width:55px; padding:10px; text-align:center }
.smallBtn {font-size:11px}
.button a , .smallBtn a{text-decoration:none; }
.button span{margin-top:-5px; margin-bottom:-5px; display:block;}
.orangeGradeBtn, .orangeGradeBtnBig {background:#fdaf36 url(../images/orangeGradeButton.png) repeat-x bottom left; font-weight:bold; padding:5px; width:40px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; color:#ffffff; }
.orangeGradeBtnBig {width:70px; border:none; padding:10px }
.greyGradeBtn {background:#ffffff url(../images/greyGrade2.gif) repeat-x bottom left; width:70px}
.arrowBtn {background: transparent url('../images/orangeArrow.png') no-repeat 98% 4px; color:#6c6c6c; font-size:11px; padding:0 10px 0 0; text-decoration:none}
.visitBtn, .tellBtn, .postBtn, .pollBtn {background: transparent url('../images/visitIcon.png') no-repeat 0 5px; cursor:pointer; color:#555555; font-size:11px; padding:15px 0 15px 35px; text-decoration:none}
.tellBtn {background: transparent url('../images/tellIcon.png') no-repeat 0 5px;}
.postBtn {background: transparent url('../images/postIcon.png') no-repeat 0 5px;}
.pollBtn {background: transparent url('../images/pollIcon.png') no-repeat 0 5px;}
.login input {background:transparent; cursor: pointer; border:none; display:block; font-weight:bold; color:#ffffff}
.prev {float:left; padding:0; background: transparent url('../images/orangeArrowL.png') no-repeat 2% 3px; color:#6c6c6c; font-size:11px; padding:0 0 0 10px; text-decoration:none}
.next {float:right;  padding:0; background: transparent url('../images/orangeArrow.png') no-repeat 98% 3px; color:#6c6c6c; font-size:11px; padding:0 10px 0 0; text-decoration:none}

.login {width:75px; font-weight:bold;color:#ffffff }
.tellBtnV, .postBtnV, .pollBtnV {background: transparent url('../images/visitIcon.png') no-repeat 32px 0; cursor:pointer; color:#555555; font-size:10px; padding:30px 15px 0; text-decoration:none}
.postBtnV {background: transparent url('../images/postIcon.png') no-repeat 50px 0;}
.pollBtnV {background: transparent url('../images/pollIcon.png') no-repeat 35px 0;}
.tellBtnOFF, .postBtnOFF, .pollBtnOFF {background: transparent url('../images/tellIcon-off.png') no-repeat 0 5px; cursor:pointer; color:#555555; font-size:11px; padding:15px 0 15px 35px; text-decoration:none}
.postBtnOFF {background: transparent url('../images/postIcon-off.png') no-repeat 0 5px;}
.pollBtnOFF {background: transparent url('../images/pollIcon-off.png') no-repeat 0 5px;}
/*  Colors
*******************************************************************/
.orange {color:#FF6600}
.white {color:#ffffff}
.grey {color:#6c6c6c;}

/* HRs and underlines
 * ********************************************/
.dotted {display:block; padding:0 0; border-bottom:1px dotted #cccccc; width:100%}

/* FLOATS and Clears 
 * *********************************************************************/
.clear {clear:both;}
.fLeft {float:left}
.fRight {float:right}
.browse .offOn {display:none}
.off {display:none}
/* Special boxes */

.avatar {width:75px;}
.constrain {display:block; height:56px; overflow:hidden;}
.wide {width:250px}
/* SLide show */
.slideshow-content {
    padding:0;
    background-color:#fff;
    overflow:hidden;
    position:relative;
    width:300px;
    height:100%;
}
.slideshow-panel span.counter {
                float:right;
                display: block;
                /*width:26px;*/
            height:26px;
                line-height:26px;
                padding:0 4px;
            }
 .slideshow-panel {
            display: block;
			padding:10px;
            overflow:hidden;
            outline: 0; /* @ Firefox, prevent dotted border after click */ 
            background:url(../images/greyGrade.gif) repeat-x bottom left;
            border-left: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-top: 1px solid #f5f5f5
        }
		
/* Lightbox */
#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {position:absolute;}

#modalContent {background:#f0f2ee}
#colorbox, #modalBackgroundOverlay{position:absolute; top:0; left:0; z-index:9999; width:100%; height:100%;}
#colorbox {border:1px solid #333333}

#modalBackgroundOverlay{position:fixed; background:url(../images/overlay.png) repeat top left}
#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer;}
#contentPrevious, #contentNext, #contentCurrent {display:none}
#modalClose {background: url(../images/close.png) no-repeat 32px -2px; display:block; height:25px; width:50px; position:absolute; top:3px; right:0}
#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#modalLoadedContent img, #modalLoadedContent embed{display:block;}/* Display:block removes the line-height gap underneath images, iframes, and embedded content */

#modalLoadingOverlay{background:url(../images/ajax-loader.gif) center center no-repeat;}
#modalInfoBr{display:none;}

/*tooltip */

.wwFormTable  {width:400px ;}
#tellForm {width:400px; margin:0 auto; border:1px solid #cccccc; padding:10px}