html, body {
    background-color: white;
    color: #333;
    margin: 0;
    padding: 0;
    text-align: left;
    }
html {
    overflow-y: scroll;
}

#body-wrapper {
}

.page-content, 
#main-nav-container div {
	width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    }
#page-container {
    text-align: left;
    }
#header-container {
    width: 100%;
    background-color: white;
    background-image: url('/img2/loggedin_header_bg.png');
    background-repeat: repeat-x;
    }

#content {
    min-height: 470px;
    position: relative;
    }

a {
    color: #147cb5;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}

textarea {
	resize: none;
}
.browntext {
    color: #993300;
}

.box-header,ul#main-nav li,
.txth1, .txth2, .txth3,
h1, h2, h3 {
    font-style: italic;
}


h2.simple, h3.simple {
    font-family: Tahoma, Arial;
    font-weight: normal;
    font-style: normal;
}

.txth1, .txth2, .txth3, .txth4,
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 5px;
    color: #666666;
    font-family: "rooney-web-1","rooney-web-2", Tahoma, Arial;
}

xxlarge {
    font-size: 35px;
    color: black;
    font-weight: bold;
}

.txth1 {
    font-size: 25px;
}

.txth2{
    font-size: 18px;
}
.txth3{
    font-size: 14px;
}
.txth4{
    font-size: 14px;
}


.hot {
    color: #ec4d24;
}
h2.cold {
    color: #387cb9;
}

.
.color-hdr {
    color: #666666;
}

.color-gblack {
    color: #33333;
}

h4 {
    font-weight: bold;
    font-size: 15px;
}

img {
    border: none;
    vertical-align: middle;
}

p {
    margin: 0;
}

large {
    font-size: 1.2em;
}
hr {
    border: 0; 
    background-color: #ABCCEE;  
    height: 1px;    
}

hr.transparent {
    padding: 3px; 
    background-color:transparent;   
}
hr.white {
    background-color: white;
}
.document p {
    margin: 10px 0;
}

.hidden {
    display: none;
}

.edit-profile-box select,
.bigform select, 
input[type="text"],
input[type="password"],
textarea {
    height: 25px;
    
    border: 1px solid #d0d4dd;
    background-color: white;
    margin-bottom: 5px;
    padding: 0 0 0 2px;
}
input[type="text"].large {
    font-size: 24px;
    width: 50px;
}


label {
    width: 90px;
    
    display: inline-block;
    text-align: left;
    margin-right: 10px;
    font-weight: bold;
}

.smlabel {
	color: #666666;
}	


input.readonly-url-box {
    /*background-color: #efefef;*/
    
}

#signin-form,
#signup-form {
    font-size: 15px;
    color: #666;
    font-weight:bold;
    line-height: 40px;
}

#signup-form .form-fields {
    padding-left: 30px;
}
#signup-form label,
#signup-form input,
#signup-form button,
#signup-form select {
    font-size: 16px;
}
#signup-form button {
    min-width: 110px;
}

label.small {
    margin: 0 10px 0 0;
    width: 60px;
    color: #666;
}

.txtlabel {
    color: #666;
    font-weight: bold;
}
.explain-color {
    color: #666;
}
label.explain,
.explain {
    font-size: 10px;
    color: #666;
    font-family: Tahoma, Arial; 
}

label.explain {
    margin: 0 0 10px 132px;
    width: 100%;
    text-align: left;
}

.multichoice-selection {
    background-color: #efefef;
    padding: 2px 5px;
    font-weight: bold;
    
}

#quiz-form label {
    float: none;
    text-align: left;
    width: 500px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
}

.fbs-item-name label {
    width:auto;
    display: inherit;
    float: none;
    text-align: left;
    margin: 0px;
}

.readonly_form label {
    margin: 0 10px;
    width: 70px;
}

.wide-form label {
    width: 175px;
}
.middlealign {
    vertical-align: middle;
}

.section-title-right-links {
    float: right;
}
.section-title-right-links,
.section-title-links {
    font-size: small;
    text-transform: none;
}

.ezpz-hint {
    color: #aaaaaa;
}
input.error {
    border: 1px solid red;
}
.gray-border {
    border: 1px solid #d5d8de;
}
.bigtip {
    font-weight: bold;
    font-size: 16px;
    color: black;
}

.browse-navbar {
	float: right;
	width: 250px
}

.fixed {
    position: fixed;
}

.browse-content {
    float: left;
    width: 710px;
}

.clear {
    clear: both;
    }

.clock {
    font-weight: bold;
    color: #999999;
}
.clock.digits {
    font-size: 25px;
}

.map_canvas {
    margin-left: 130px; 
    width: 300px; 
    height: 150px;
}
.address_input {
    width: 320px;
}
.map_canvas_small {
    margin: 0px;
    width: 150px;
    height: 100px;
}
.address_input_small {
    width: 250px;
}

.nav-alert-number-box,
.share-section,
h1 span.point-plus-box,
.point-plus-box {
    background-color: #c2c8d3; 
    padding: 3px 10px; 
    
    border-radius: 4px;
    -moz-border-radius: 4px;
    
    white-space: nowrap;
    overflow: hidden;
    color: white;
    height: 13px; 
    /*min-width: 60px;*/
    font-size: 12px;
    font-weight: bold; 
    line-height: 12px;
}

h1 span.point-plus-box {
    height: auto; 
    width: auto;
    margin-right: 10px;
    font-size: inherit;
    
}
.nav-alert-number-box {
    padding: 3px 0px; 
    background-color: #3a82c1;
}


/*  Wishlists  */

.vitals-wishlist li {
    list-style: none;
    margin-left: -39px;
}

.nested_anchors {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;   
    z-index: 0;
}


/* redundant... */

.wish-anchor a,
.wish-anchor a:hover,
.wish-anchor a:visited,
.wish-anchor a:link {
    text-decoration: none;
    font-style: inherit;
}

.href-popup  {
    position: relative;
    z-index: 7;
}

.wish-controls-like  {
    position: relative;
    z-index: 7;
}

.wish-controls-grant  {
    position: relative;
    z-index: 7;
}

.wish-controls-delete  {
    position: relative;
    z-index: 7;
}

.wish-controls-comment {
    position: relative;
    z-index: 7;
}
/* end redundant */

#wishes-container { padding:0; margin:0;}

.wish-controls {
    display: none;
    width: 217px;
    z-index: 4;
    position: absolute;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    opacity: 0.75;
}

.wish-controls ul {
    padding: 0px;
    margin: 7px 0px 0px 0px;
    position: relative;
}

.wish-controls ul li{
    display: inline;
    list-style: none;
    background-color: #151515;
    margin: 0px;
    padding: 9px 0px 9px 0px;
    position: relative;
    font-size: 12px;
}

.wish-controls a {
    text-decoration: none;
    color: #FFFFFF;
    padding: 9px 9px 9px 8px;
    margin: 0px;
}

.wish-controls a:hover {
    text-decoration: none;
    background-color: #4c85b7;
    padding: 9px 9px 9px 8px;
    z-index: 100;
}

.wishbox-list-name {
    position: absolute;
    top: 250px;
    left: 14px;
    height: 1.5em;
    padding-right: 3px;
    overflow: hidden;
}

.wishbox {
    position: relative;
    height: 299px;
    width: 218px;
	background-color: #eee;
	border: 1px solid #ccc;
    float: left;
    margin-bottom: 20px;
    z-index:3;
    padding: 0px;
}

.small_list_image {
    height: 80px;
    width: 80px;
    float: left;
    margin: 6px;
    overflow:hidden;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-color: #fff;
}

.small_list_image img {
    max-height: 80px;
    max-width: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.small_images_background {
    background-color: transparent;
    margin: 12px auto 5px auto;
    height: 190px;
    width: 190px;
}

.wishbox_ind_img {
    margin: 12px 10px 5px 12px;
    /*
    width: 190px;
    overflow: hidden;
    display:inline-block;
    */
}

.wishbox_ind_img img{
    max-width: 190px;
    max-height: 190px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 190px;
    max-height: 190px;
    /*
    overflow: hidden;
    display:inline-block;
    */
}

.make-new-list {
    background-color: #f5e4ed;
	width:240px;
	padding: 5px;
	color: #666;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	font-family: "rooney-web-1","rooney-web-2"
}


.wishbox_ind_img p{
    color: #333333;
    position: relative;
	font-weight: 900;
	font-size: 26px;
	font-family: Helvetica, sans-serif;
}

.single-wish-comment {
    margin: 7px 10px 5px 12px;
    color: #333333;
    position: absolute;
    top: 206px;
    left: 2px;
    height: 2.5em;
    width: 191px;
    overflow:hidden;
}

.single-wish-controls {
    position: absolute;
    top: 70px;
    right: 0px;
}

.wish-stats {
    position: absolute;
    top: 276px;
    left: 14px;
    font-family: Helvetica, sans-serif;
    color: #666666;
    /* margin: 7px 10px 5px 12px; */
}

.loading {
    position: absolute;
    display: none;
    top: 65px;
    left: 91px;
    z-index: 1;
}

.blank_wishbox p{
    position: relative;
    top: 50%;
    text-align: center;
	color: #ccc;
	font-size: 20px;
	font-weight: 900;
	font-style: italic;
	font-family: Tahoma, Arial;
}

.wish_form {
    width: 480px;
    float: left;
    margin-left: 5px;
}

.wish-text-name {
    position: absolute;
    top: 2px;
    left: 204px;
    width: 459px;
    height: 35px;
    float:right;
    margin: 10px;
}

.wish-add-comment {
    position: absolute;
    top: 0px;
    left: 205px;
    width: 460px;
    float:right;
    height: 80px;
    margin: 10px;
}

#wish-add-submit-buttons {
    position: absolute;
    top: 109px;
    left: 215px;
}

.wish-add_submit {
    float: left;
}

/*#slider {
    position: absolute;
    top: 10px;
    left: 32px;
    background-color: #FFFFFF;
    z-index: 0;
}
    */

.slider ul, .slider li{
    margin:0;
    padding:0;
    list-style:none;
}

.slider, .slider li{ 
    width:130px;
    height:123px;
    overflow:hidden; 
}
span#prevBtn {
    position: absolute;
    top: 61px;
    left: 7px;
}
span#nextBtn {  
    position: absolute;
    top: 61px;
    left: 168px;
}

#list-edit-upper {
    position: absolute;
    top: 43px;
    left: 630px;
}

#list-edit-lower {
    position: absolute;
    top: 129px;
    left: 629px;
}

#wish_form {
    float: right;
}

#wish-label-checkbox {
    position: absolute;
    top: 136px;
    left: 26px;
    width: 255px;
	font-weight: 900;
	font-style: italic;
	color: #666;
	font-size: 14px;
	font-family: "rooney-web-1","rooney-web-2", Tahoma, Arial;
}

.wish-img-spacer {
    float: left;
    width: 13px;
    height: 240px;
}

.wishlist-add-1 {
    position: relative;
	height: 50px;
    }

.wishlist-add-2 {
    position: relative;
    display: none;
	height: 150px;
    }

#wishlist-add-text {
    font-size: 24px;
    margin-left: .5em;
	color: #666;
    }
.update-list {
	font-weight: bold;
    }

#wish-add-img {
    width:130px;
    max-height:130px;
    }

#single-wish-img-container {
    position: relative;
}

.single-wish-img {
    width: 500px;
    height: 400px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.img-meta-data {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
}

.single-wish-related-container {
    margin: auto;
}

.single-wish-related-container ul {
    margin: 3px;
    padding: 0px;
}

.single-wish-related-container ul li{
    display: inline;
    list-style: none;
    padding: 4px 5px 4px 5px;
}

.single-wish-related-img {
    max-width: 60px;
    max-height: 60px;
}

.wish-popups {
    float: left; 
    position: relative; 
    /*min-height: 110px;*/
    width: 100%;
    position: relative;
}

.wish-popup-label {
	font-size: 18px;
	font-weight: 900;
	font-family: Tahoma, Arial;
	color: #666666;
}

.wish-popup-header {
    background-color: #F2F8FF;
    width: 680px;
}

.wish-popups label {
    width: auto;
}

.list-comment {
    width: 680px;
    height: 70px;
	font-size: 16px;
	padding: 4px;
}

.delete-list-button {
   position:absolute;
   top: 173px;
   left: 640px;
   color: red;
   font-size: 12px;
   font-family: Tahoma, sans-serif;
}

.list-name {
    width: 350px;
}
#list_eid {
    width: 200px;
}

.wishlist-button {
    font-weight: 700;
}

.greyed {
    color: #CCC;
	font-family: Tahoma, Arial;
	font-size: 14px;
	padding: 4px;
	font-weight: bold;
}

.floating-nav {
    position: fixed;
}

.related-wish-header {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin: 5px; 0px; 5px; 0px;
	font-family: "rooney-web-1","rooney-web-2", Tahoma, Arial;
}

.img-thumb-wish-photo img{
    max-width: 110px;
    max-height: 110px;
    display: block;
    margin: auto;
    overflow: hidden;
}

.wish-feed-header a {
    text-decoration: none;
    color: #666;
}

.wish-feed-header {
    font-weight: 700;
    font-size:  13px;
    color: #666;
    margin-bottom: 7px;
}

.list-demographic-container {
    height: 30px;
    position: relative;
}

.text-answer {
    font-size: 30px;
    font-weight: normal;
    margin: 0 30px;
}
.wish-owner-note {
    text-align: left;
    font-size: 14px;
    margin: 1em 0;
    }
.wl-tweet-button {
    z-index:10;
    position: absolute;
    right: 320px;
    top: 6px;
    }
.wl-fb-button {
    z-index:10;
    position: absolute;
    right: 240px;
    top: 6px;
    }
.single-wish-stats {
    padding-top: 9px;
    }

/* End Wishlist */

/* Left Navbar (icebreak) */
.nav-h2 {
    width:240px;
    background-color: #F2F8FF;
    padding: 5px;
    border-top:1px solid white;
    font-size: 13px;
    font-weight: bold;
    color: #666;
}

.nav-top {
	background-color: #F2F8FF;
	padding: 5px;
	color: #666;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	font-family: "rooney-web-1","rooney-web-2"
}

.nav-box {
    background-color:  #F2F8FF; 
    padding: 5px;
    margin: 20px 10px 10px 10px;
    position: relative;
    font-size: 13px;
    font-weight: bold;
}

.nav-h2 li {
    list-style: none;
    margin-left: -10px;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 0;
}
.nav-box li {
    list-style: none;
    margin-left: -10px;
}



/* Left Navbar End */


/* Thumbnails Start */

div.game_img_large {
    width: 150px;
    height: 150px;
    
    border: 6px solid #ff7c00;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 0;
    overflow: hidden;
    display:inline-block;
    
}

div.game_img_large img{
    height: 155px;
}

div.img_xxlarge,
div.img_xlarge,
div.img_large,
div.img_medium,
div.img_xsmall,
div.img_xxsmall {
    overflow: hidden;
    display:inline-block;
    margin: 0 auto;
    text-align: center;
}

div.img_xsmall,
div.img_xxsmall {
    
}

div.img_xxlarge {
    width: 550px;
    overflow: hidden;
    border: none;
}
div.img_xxlarge img {
    border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;
    max-width: 550px;
    max-height: 550px;
    
}

div.img_large_border {
    border: 1px solid #cdcdcd;  
    width: 166px;
    height: 166px;
    
}
div.img_large {
    width: 160px;
    height: 160px;
    border: 3px solid white;
}
div.img_large img {
    height: 160px;
}

div.img_medium {
    padding: 2px;
    margin: 0 auto;
    width: 111px;
    height: 111px;
    
    /*border: 1px solid #cdcdcd;*/  
}

div.img_medium img {
    height:111px;
}

div.img_medium.interest {
    border: none;
    
}
div.img_small.interest img,
div.img_medium.interest img {
    width: auto;
    height: auto;
    min-width: auto;
    min-height: auto;
}

div.img_small {
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 2px;
    
    margin: 0 auto;
    width: 81px;
    height: 81px;
    text-align: center;
    display:inline-block;
    
}

div.img_small img {
    height: 81px;
    xmin-height: 81px;
}


div.img_xsmall {
    padding: 2px 2px 2px 2px;
    width: 41px;
    height: 41px;
}
div.img_xsmall img {
    max-width: 41px;
    height: 41px;
}
div.img_xxsmall {
    overflow: hidden;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    display:inline-block;
}
div.img_xxsmall img {
    height: 30px;
    xmin-height: 30px;
}


div.floatleft {
    float: left;
    margin: 5px 0 0 5px;
}
div.floatright{
    float: right;
    margin: 5px 5px 0 0;
}

.polaroid-background {
    background-color: #ededee;
}
div.polaroid {
    background-color: #ededee; 
    padding: 12px 12px 35px 12px; 
    border: 1px solid #e1e0e2;
    
    width:120px; 
    height: 120px; 
    overflow: hidden;
    display:inline-block;
}
div.polaroid div {
    width:120px;
    height:120px;
    border: 1px solid #e1e0e2;
    overflow:hidden;
}

div.polaroid img {
    height: 120px;
}

div .img_connector_icon {
    border: none;
}
div .img_medium.img_connector {
    width: 30px;
    height: 110px;
    line-height: 140px;
    border: none;
    display:inline-block;
    
}
div.img_medium.img_connector img {
    min-height: 30px;
    min-width: 30px;
    height: 30px;
    width: 30px;
    display:inline-block;
}



div .img_large.img_connector,
div .game_img_large.img_connector {
    width: 50px;
    height: 50px;
    border: none;
}

div.game_img_large.img_connector img,
div.img_large.img_connector img {
    min-height: 50px;
    min-width: 50px;
    height: 50px;
    width: 50px;
}

img.img_connector  {
    width: 30px;
}

/* Thumbnails End */

/* Colors Start */
.color-blue {
    background-color: #dce7f5;
}
.color-lightblue {
    background: #DCE7F5; 
}
.color-green {
    color: #3b7f19; /* Green */
}
.color-pickv-red {
    color: #fd2819;
}
/* Colors End */



/* Home Page Start */

.as-seen-on {
    float: left; 
    margin: 2px 30px;
}
.as-seen-on .quote {
    font-size: 17px;
    margin-top: 10px;
    font-weight: bold;
}
.as-seen-on .quote-author {
    font-size: 14px;
    font-style: italic;
    text-align: right;
    float: right;
}

hr.thick-red {
    background-color: #fd2819; 
    height: 5px; 
    margin-top: 0;
}
.follow-box {
    font-size: 14pt;
    color: #3b7f19; /* Green */
    border: 1px solid #999;
    padding: 18px 0 18px 18px;
}

.privacy-lock {
    float: left; 
    margin-right: 6px;
    margin-bottom: 10px;
}

.more-info-link {
    font-size: 10px;
    background-color:#DCE7F5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 3px;
    }

/* signed-out home page with flash */
#home-splash-section {
    position: relative;
    border-top: 1px solid #ABCCEE;
    border-bottom: 1px solid #ABCCEE;
    
    padding: 10px 0 10px 0;
    
    color: #666;
}

#home-splash-section h1 {
    font-size: 32px;
    
}
#home-splash-section p.marquee {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 0 0;
    font-family: "rooney-web-1","rooney-web-2", Tahoma, Arial;
    font-style: italic; 
}

#home-splash-section ul {
    margin-left: -30px; 
}
#home-splash-section ul li {
    line-height: 25px;
    padding-left: 15px;
    font-size: 16px;
    list-style-type: none;
    background: url(/img2/bullet.png) left center no-repeat;
}

#home-header-links {
    position: absolute;
    top: 0;
    right: 0;
}
#home-header-links div {
    background-color: #595646;
    padding: 3px;
    width: 70px;
    margin-left: 5px;
    float: left;
    
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;

}
#home-header-links div a {
    color: white;
}

.home-splash-info-box {
    background-color: #c9dff0;      
    border-radius: 7px;
    -moz-border-radius: 7px;
    padding: 5px;
    margin: 5px;
    width: 220px;
    height: 200px;
    display:block;
    background: #c9dff0 url(/img2/home_bg_couples.png) bottom no-repeat;
}
.home-splash-info-box ul li {
    margin-left: -15px;
    color: #666666;
    margin-bottom: 10px;
}

/* signed-out home page with flash */

/* logged in home page */

.home-left-content {
    width: 690px;
    min-height: 600px;
    float: left;
    padding-right: 10px;
    border-right: 1px solid #b1d4e0;
}
.home-right-content {
    width: 250px;
    float: right;
}

.highlight-box,
.highlight-box-small {
    background-color: #F1F8FF;
    padding: 5px;
}
.highlight-box {
    padding: 5px 10px;
	margin-bottom: 10px;
    position: relative;
    background-color: #F1F8FF;
}
.highlight-box-content-wrapper {
    width: 700px;
    padding: 10px 0;

}
.highlight-box-content-icon {
    float: left;
    padding-right: 10px;
	width: 46px;
	height: 44px;
	display: block;
}
.highlight-box-content {
    float: left;
    width: 500px;
}

.highlight-box-points,
.point {
    font-weight: bold;
    color: #00b329;
    font-size: 12px;
}

.highlight-box-points {
    font-size: 12px;
    margin-top: 4px;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	
}


.hover-remove-link {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #c5c5c4;
    color: white;
    display: none;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    min-width: 12px;
    min-height: 9px;

}

.info-box,
.info-box-plain {
    border: 1px solid #b7df97;
    width: 205px;
    padding: 5px 12px;
    color: #666666;
    position: relative;
}

.info-box {
    background-color: #eaffd8;
}

.info-box h3 {
    color: #51b200;
}

.info-box p {
    margin: 10px 0;
    font-size: 12px;
}

.info-box ul li {
    font-weight: bold;
    font-size: 13px;
}
.closable-box {
    position: relative;
}
.closable-box-button {
    position: absolute;
    top: 5px; 
    right: 5px;
    color: #666666;
}

/* logged in home page end */
/* Home Page End */


/* Moments form on logged in home page */

input.moment-title {
    width: 600px;
}

textarea.moment-title {
    width: 600px;
}

/* Momemnts form end */




/* Browse Page Start */

.browse-search-filters {
    font-weight:normal;
}
.browse-search-filters select,
.browse-search-filters input {
    border-radius: 0;
    -moz-border-radius: 0;
    height: auto;
                                
    border: 1px solid #BDC7D8;
    font-size: 11px;
    padding: 2px;
    float:right; 
}

.browse-nav {
    font-size: 1.3em;
}
.browse-nav-sublink {
    font-size: 0.8em;
    padding: 5px 1px 5px 5px;
}
.browse-nav-link {
    width: 190px;
}
.browse-nav-icon {
    width: 43px;
}

.home-profile-completion-box {
    background: #FFFFCC;
    border: 1px solid #FFCC99;
    display: block;
}

/* Browse Page End */
/* General Components Start */
.instructions { 
    color: #666;
    font-size: 8pt;
    font-weight: bold;
}

.small-caption { 
    font-size: 12px;
    font-weight: bold;
}


.default-box {
    background-color: white;
    margin: 15px;
}

.blue-box {
    background-color: #b9CFEC;
    border: none;
    padding: 10px;
    margin: 18px 0 0 18px;
}
.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.user-results-extra-box,
.user-result-box {
    /* width: 307px; */ 
    height: 193px; 
    margin: 8px 0 8px 0; 
    position: relative;
}
.user-results-extra-box {
    /* width: 307px; */ 
    /* background: #B9CFEC; */ 
}

.common-highlight-message {
    padding: 4px;
    background-color: #dbf0d2;
    font-weight: bold;
    white-space: nowrap;
}

.highlight {
    /*
    background: #FFFFCC;
    border: 1px solid #FFCC99;
    */
    font-weight: bold;
}

.interest-info-block {
    display: block;
    height: 200px;
    width: 150px;
    position: relative;
}
.interest-note-icon {
    position: fixed;

}


.content-title-section {
    margin: 10px 0 0 0;
}

.single-pane-layout-wide,
.single-pane-layout {
    width: 950px;
    background:white;
    margin: 10px auto;
}
.single-pane-layout-wide {
    width: 890px;
}

.content-layout {
    background: #f0f0f0;
    border: 1px solid  white; 
}
.left-nav {
    float: left; 
    width: 230px;
    min-height: 450px;
    background: #f0f0f0;

}

.right-content-search,
.right-content {
    float: left; 
    width: 732px; 
    margin-left: 0px;
    padding-left: 18px;
    background-color: white;
    min-height: 650px;
}
.right-content-search {
    width: 650px; 
}

.info-bar {
    background-color: #3c2822; /* brown */
    text-align: center;
    color: white;
    padding: 5px;
    margin: auto;
    font-weight: bold;
    font-size: 20px;
}
.table-form-label {
    text-align: right;
    font-weight: bold;
    font-size: 16px;
}


/* Datagrid is used for activity feed */
.datagrid {
    border: 0;
    border-spacing: 0;
    padding: 0;
}

.datagrid-more-link {
    display: block;
    margin-top: 5px;
}

.datagrid tr {
    background-color: white;
}
.datagrid tr.alt {
    background-color: white;
}
.datagrid td {
    vertical-align: middle;
    border-top: 1px solid #c7e0e8;
}


/* Edit favorites stuff */
#sortable { 
    list-style-type: none; 
}
.sortable-item {
    float: left; 
    height: 180px; 
    width: 111px;
    padding: 5px; 
    
    text-align: center;  
    margin: 5px;
    position: relative;
}


/* General Components End */
/* Buttons Start */

.gradient-box-background, 
.button-gradient:hover {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b0d3e0));
    background: -moz-linear-gradient(top,  #ffffff,  #b0d3e0);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b0d3e0');
}


input[type="submit"],
input[type="button"],
button
{
    color: white;
    background: #ffffff;

    background: -webkit-gradient(linear, left top, left bottom, from(#9dcfe5), to(#4798bf));
    background: -moz-linear-gradient(top,  #4798bf,  #9dcfe5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dcfe5', endColorstr='#4798bf');
                
    cursor: pointer;
    display: inline-block;
    display: -moz-inline-box;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;

    border: 1px solid #4596bc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    /*height: 33px;*/
    min-width: 80px;
    padding-top: 3px;
    
}

.reg-button {
    height: 34px;
    min-width: 80px;
    padding-top: 3px;
    font-size: 14px;
}

input[type="button"].small-button,
input[type="submit"].small-button{
    height: 28px;
    padding: 0 5px;
}
.xsmall-button,
.thin-button {
    height: 23px;
    padding: 0 5px;
}

input[type="submit"].large-button,
input[type="button"].large-button,
button.large-button {
    height: 40px;
    font-size: 18px;
    padding: 0 20px;
    min-width: 140px;
}

input[type="submit"].xlarge-button,
input[type="button"].xlarge-button {
    height: 60px;
    font-size: 25px;
    padding: 0 15px;
    min-width: 200px;
    border-radius: 6px;
    -moz-border-radius: 6px;
}

button.signup-button {
    border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: left;
    padding: 8px 15px;
}

input[type="submit"][disabled],
input[type="button"][disabled],
button[disabled] {

    background: -webkit-gradient(linear, left top, left bottom, from(#c2e1ef), to(#8fc0d7));
    background: -moz-linear-gradient(top,  #c2e1ef,  #8fc0d7);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2e1ef', endColorstr='#8fc0d7');

    border: 1px solid #90c0d7;
}



/* Buttons End */

/* Pager Start */

.pager {
    border: 0;
    margin: 7px 0 5px 5px;

    display: inline-block;
    font-size: 12px;
    float: right;
}

.pager a,
.page-number-selected {
    display: inline-block;
    display: -moz-inline-box;
    
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;

    border: 1px solid #adcef0;
}

.page-number-selected {
    background: white;
    color: #666;
    text-align:center;
    border: none;
    
}

/* PAger End */


/* Header Start */

#header {
    background-color: transparent;
    text-align: center;
    padding: 0;
    height: 63px;
    position: relative;
    }

.pipe {
    color: #999;
}
#logo {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 66px;
    z-index: 1000;
}
#main-nav-container {
    height: 23px;
    padding: 5px 0;
    border-top: 1px solid #b1d4e0;
    border-bottom: 1px solid #b1d4e0;
    color: #fff;
	width: 100%;
	position: relative;
    background-image: url('/img2/navbar-bg.png');
    background-repeat: repeat-x;
}

#main-nav-container a:link {
    color: #def6ff;
    }

#main-nav-container a:visited {
    color: #def6ff;
    }

ul.subnav-ul,
#main-nav-container ul   {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
    /*width: 580px;*/
}


#main-nav-container li {
    float: left;
    font-size: 16px;
    font-weight:bold;
    text-align: center;
    padding: 3px;
    margin-right: 20px;
    height: 14px;
    /*min-width: 166px;*/
    min-width: 108px;
}

ul.subnav-ul,
#main-nav-container li ul
{
    z-index: 100000;
    margin: 4px 0 0 0;
    padding: 0;
    position: absolute;
    display: none;
}

ul.subnav-ul li,
#main-nav-container li ul li
{   
    margin: 0;
    padding: 0;
    min-width: 130px;
    float: none;
    text-align: left;
    background: #FFFFFF;
    border-right-color: #B1D4E0;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: #B1D4E0;
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-color: #B1D4E0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: normal;
    padding: 5px 8px;
}

.main-nav-subnav {
    font-size: 12px;
    font-weight: normal;
    padding: 5px 10px;
}

#main-nav-container li.selected a {
    border-bottom: 1px solid #ccc;
    cursor: default;

}
#main-nav-container li.selected a:hover {
    text-decoration:none;
}
#main-nav-container li ul li a,
#main-nav-container li.selected ul li a{
    color: white;
    font-size: 12px;
    font-weight: bold;
}

ul.subnav-ul li {
    font-size: 12px;
    padding: 5px 10px;
}

ul.subnav-ul li a {
    color: #147cb5;
}


#account-subnav-title {
    font-weight:normal;
    color:#000;
    margin-left: 24px;
}
    
#user-points {
    color: #00B329;
    font-weight: normal;
    font-size: 14px;
}

input.global-search-box {
    border-radius: 5px;
    -moz-border-radius: 5px;
    
    height:20px;
    min-height: 20px;
    font-size: 12px;
    
    position: absolute; 
    right: 45px; 
    top: 0px;
    width: 240px; 
}
input.small-search-button {
    border-radius: 5px;
    -moz-border-radius: 5px;
    
    height:26px;
    width: 30px;
    min-width:30px; 
    right: 0px;
    background: #c7e8f9 url(/img2/magnifying_glass_icn.png) no-repeat;  
}

.ezpz-hint {
    color: #ababab;

}
.header-links {
    text-align: right;
    position: relative;
    padding-top: 12px;
    float: right;
    font-size: 14px;
}

/* Header points progress bar */

/* Header points progress bar end */


/* Header End */

/* Login / Signup */

#signup_form_div {
    font-size:  16px;   
}

/* Login / Signup End */

/* Profile Page */



.box-header {
    border: 1px solid #b1d4e0;
    padding: 5px 10px;
    margin: 0 0 18px 0;
    min-height: 22px;
    font-size: 16px;
    font-weight: bold; 
    position: relative;
    color: #666666;
    min-width: 200px;
        
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.31, rgb(227,239,244)),
        color-stop(0.5, rgb(255,255,255))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(227,239,244) 31%,
        rgb(255,255,255) 80%
    );
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3eff4');
    
    div {
         line-height: 24px;
    }
    
}
.infotext {
    font-size:12px;
    font-weight: normal;
    font-family: Tahoma, Arial;
    font-style: normal;
    font-weight: bold;

}

.bordered-box .box-header {
    border:none;
    border-bottom: 1px solid #b1d4e0; 
    border-top: 1px solid #b1d4e0; 
}

.profile-details-column,
.rounded-box {
    background-color: #f7f7f7;      
    border: 2px solid #d5d8de;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    margin: 0px 0px 5px 0px;
}

.bordered-box {
    border: 1px solid #b1d4e0;
}

.gradient-box {
    border: 1px solid #b1d4e0;
    
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.31, rgb(238,246,248)),
        color-stop(0.5, rgb(255,255,255))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(238,246,248) 31%,
        rgb(255,255,255) 80%
    );
        
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eef6f8');
}

.gradient-box.selected {
    border: 1px solid #cccccc;
    
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.31, rgb(237,237,238)),
        color-stop(0.5, rgb(255,255,255))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(237,237,238) 31%,
        rgb(255,255,255) 80%
    );
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3eff4');
}

.highlight-header {
    background-color: #F1F8FF;
    border: 4px solid white;
    padding: 4px;

    font-size:14px;
}
.highlight-header h2 {
    color:#ff782e;
    font-size:14px;
    font-style: italic;
}

.xxxrounded-box .rounded-box {
    background-color: #ced5e0;
    border: 1px solid #bfc5d0;
}
.black-box {
    background-color: #d6d6d6;
    border: 1px solid #333;
    color: #333;
}
.white-box {
    background-color: white;
}
div.rounded-box.gray-box {
    background-color: #e9e9e9;  
                
}
.edit-profile-box {
    padding: 10px 30px;
    margin: 10px 0;
}

.edit-profile-box label {
    height: 30px;
}
.edit-profile-box label {
}

.profile-details-column {
    width: 300px;
    height: 100%;
    
}

.subtitle-box {
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
    margin: 10px 0;
}

.about-me-entry {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 3px;
    margin-bottom: 3px;
}
.about-me-label {
    float:left;
    margin-right: 10px;
}
.about-me-value {
    float:right;
}
.about-me-dropdown {
    max-width: 130px;
}
.signup-label {
    font-weight: bold;
}

.profilebtn {
    width: 130px;
    margin: 3px 0 3px 0;
}

.profile-left-section-box {
    background-color: white;
    border: 1px solid #999;
    padding:10px;
    margin: 10px;
    display: block;
}

.profile-misc-links,
.profile-block-links{
    margin: 15px;
}
.profile-misc-links {
    margin-top: 5px;
}
.profile-progress-box ul {
    margin: 5px 0px 0px 0px;
    padding: 0;
}

.profile-progress-box li {
    list-style-type:none; 
}
.profile-progress-bar-container {
    width: 100%;
    height: 22px; 
    background: url(/img/prog_unfilled.png) repeat-x scroll 0 0;    
    border-left: 1px solid #55a134;
    border-right: 1px solid #d7d7d7;
}
.profile-progress-bar {
    width: 50px; 
    height: 22px; 
    background-color: green;
    background: url(/img/prog_filled.png) repeat-x scroll 0 0;  
}

.profile-header-nav a.sub-nav-selected {
    text-decoration: none;
}
.profile-header-nav a {
    color: white;
    text-decoration: underline;
}
.profile-header-nav {
    line-height: 40px;
    font-size: 13px;
}

/* Profile Page End */


/* Error Messages */

.flash-splash {
    background-color: #F2F5A9;
    padding: 5px;
    font-size: 1.3em;
    margin: 5px 0;
    text-align: center;
}
.floating-box {
    position: fixed;

    width: 900px;
    top: 0;
    margin: 5px 30px;
    z-index: 100;
}

#flash-message-box {
    position: relative;
    width: 960px;
    margin: 5px 0;
}

#flash-rewardable-box {
    position: relative;
    width: 960px;
    margin: 5px 0 15px; 0;
}

.flash-rewardable-container {
    background-color: #ffc;
    border: 1px dotted #a97d5d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    height: 67px;
    color: #555;
    padding: 5px;
    font-weight: bold;
    margin: auto;
}

.alert-box,
.flash-error-contents,
.flash-message-contents,
.flash-messages,
.error-messages,
.success-message {
    background-color: #f7f7f8;
    border: 1px solid #e6e8ec;
    border-radius: 5px;
    -moz-border-radius: 5px;
    
    color: #555;
    padding: 5px;
    font-weight: bold;
    margin: auto;
}
.success-message {
    font-size: 14px;
}
.form_error {
    color: #dd2222;
    font-weight: bold;
    padding: 5px;
}

.error-message {
    color: #dd2222;
}

.alert-box {
    margin:10px 0;  
}
.alert-box p {
    margin: 10px 0;
    font-weight:normal;
    font-size: 14px;
}

/* Error Messages End */

/* Dialogs and popups */
#tooltip_container{
    position:absolute;
    border:1px solid gray;
    background:white;
    padding:1px;
    display:none;
    width: 100px;
    z-index: 9999;
    }

.tooltip-content {
    width: 300px;
    min-height: 100px;
}

#fbs-topic-image {
    display: block;
    height: 75px;
    max-width: 110px;   
}
.flash-error-contents {
    color: #dd2222;
}

.overlay {
    background-color: white;
    margin: auto;
    /*
     width: 735px;
    */
    display: block;
    position:absolute;  
    top: 0;
    left: 0;
    z-index: 599;

    border: 3px solid white;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.overlay h1 {
    padding: 5px 5px 5px 10px;
}
.overlay .rounded-box {
    margin: 10px 0;
}


#popup-overlay-mask,
#overlay-mask,
.simple-mask {
    position:absolute;  
    display:none;  
    background-color: #3f3f3f;
    position: absolute;
    
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    
    z-index: 100;
}
.popup-content {
    margin: 10px;
}


.photo-overlay {
    height: 550px;
    z-index: 100000;
}
#photo-overlay-nav {
    height: 28px;
}
.photo-overlay img {
    padding: 10px;
    max-height: 400px;
    overflow: hidden;
}
.photo-overlay img.close-button {
    padding: 0;
}

.photo_buttons, 
.photo_block {
    text-align: center;
    padding-top: 5px;
}
.popup-buttons {
    margin: 10px;
    padding: 0px;
}

.overlay .close-button {
    position: absolute;
    right: -18px;
    top: -13px;
}

.infobox-close,
.flash-message-close-button,
.flash-message-close-button a {
    color: white;
    font-size: 12px;
    font-weight: bold;
    float: right;
    padding: 5px;
}
.flash-message-close-button,
.flash-message-close-button a {
    color: #666;

}

/* Dialogs and popups end */


/* Footer start */

#footer {
    border-top: 1px solid #f3f3f3;
    font-size: 9pt;
    padding: 5px 0px;
    margin-top: 20px;
}
#footer a {
    font-weight:normal;
}
.copyright {
    color: #999;
    padding: 5px 0;
    font-size: 10px;
}

.footer-title {
    color:#666666;
    display: block;
    font-weight: bold;
    padding: 5px 0;
}

#global-feedback-button {
	border: 1px solid white;
	position: fixed;
	bottom: 0px;
	right: 0px;
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #cdcdcd;
	
}
/* Footer end */


/* Search Results */




.search-left-nav {
    float: left; 
    width: 312px;
    min-height: 450px;
    background: #f0f0f0;
}

.search-result .result-name {
    font-size: 10pt;
    overflow: hidden;
    margin-bottom: 10px;
    color: #993300;
    
}
.search-result-block {
    display: block;
    clear: both;
}

.left-result-block {
    display: block;
    clear: both;
    padding: 20px 8px;
    text-align: center;
}

.left-result-block .result-thumbnail {
    text-align: center; 
    padding-bottom: 10px;
}

.small-thumbnail {
    height: 40px;
    text-align: center; 
    padding-bottom: 5px;
}
.search-result .result img {
    /* width: 110px;*/
}

/* SEarch results end */



/* Inbox Start */

#message-list .user-thumb {
    padding: 0px;
    border: none;
    /*
    border: 1px solid #aaa;
    padding: 5px;
    */
}
#message-list img {
    height: 60px;
}

#message-list .sender {
    font-weight: bold;
    margin-bottom: 5px;
}

#message-list .body-small {
    overflow: hidden;
    height: 55px;
}
#message-list .body-full {
}

.datalist {
    border: 0;
    border-spacing: 0;
    padding: 0;
}
.datalist tr {
    background-color: white;
    padding: 0;
    margin: 0;
}
.datalist tr.alt {
    background-color: #ebebeb;
}
.datalist td {
    border-top: 1px solid #aaa;
    padding: 4px 8px;
    margin: 0;
    vertical-align: top;
}


.message-mail-icon {
    vertical-align:middle; 
    padding-right: 5px;
} 
.unread-message {
    background-color: #ebebeb;
}
.bordertable table
{
    border-collapse:collapse;
    border: 1px solid #cdcdcd;
}

.bordertable td, th  
{
    border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    padding: 5px;
}
.hover-link:hover {
    text-decoration:underline;
}

/* Inbox end */


/* Feed comments*/
.feed-comments {
	padding: 5px;
}
.comment-entry {
	background-color: #f5f7fa;
	border-bottom: 1px solid white;
	padding: 5px;
	position: relative;
}
.comment-text {
	float: left;
	width: 280px;
	margin-left: 5px;
	color: #000;
}
/* Feed Comments End*/




/* Wizard */

fieldset {
    border: none;
}
.wizard-button {
    /*
    background-color: #cdcdcd;
    border: 1px solid black;
    */
    font-size: 15px;
    padding: 5px;
    margin: 10px;
    float: right;
}

/* Wizard End */


.connect_text_wrapper {
    border: 2px solid red;
} 


/* Bubbles */


.chat-bubble-top-arrow-border,
.chat-bubble-top-arrow {
    border-width: 15px 10px 15px 10px ;
    top: 0px;
    
    border-style: solid;
    height:0;
    width:0;
    position:absolute;
}
.chat-bubble-top-arrow-border {
    border-color:  transparent transparent #C7E8F9 transparent;
    left: 40px;
    top: -30px;
}
.chat-bubble-top-arrow {
    border-color:  transparent  transparent  #C7E8F9 transparent  ;
    left: 40px;
    top: -30px;
 }


.chat-bubble-bottom-arrow-border,
.chat-bubble-bottom-arrow {
    border-width: 25px 20px 25px 20px ;
    bottom: -40px;
    
    border-style: solid;
    height:0;
    width:0;
    position:absolute;
    left: 130px;
}
.chat-bubble-bottom-arrow-border {
    border-color:  #e3eff4 transparent  transparent transparent;
    bottom: -50px;
}
.chat-bubble-bottom-arrow {
    border-color:   #b1d4e0  transparent  transparent transparent  ;
    bottom: -51px;
 }
.chat-bubble-bottom-arrow-border.selected {
    border-color:  #ededee transparent  transparent transparent;
    bottom: -50px;
}
.chat-bubble-bottom-arrow.selected {
    border-color:   #cccccc  transparent  transparent transparent  ;
    bottom: -51px;
 }


.chat-bubble-bottom-small-arrow-border,
.chat-bubble-bottom-small-arrow {
    border-width: 9px 10px 9px 10px ;
    bottom: -40px;
    
    border-style: solid;
    height:0;
    width:0;
    position:absolute;
    left: 30px;
}
.chat-bubble-bottom-small-arrow-border {
    border-color:  #e3eff4 transparent  transparent transparent;
    bottom: -18px;
}
.chat-bubble-bottom-small-arrow {
    border-color:   #b1d4e0  transparent  transparent transparent  ;
    bottom: -19px;
 }




.triangle-border {
	position:relative;
	padding:10px;
	border:1px solid #cdcdcd;
	color:#333;
	background:#fff;
	/* css3 */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-border.left {
	margin-left:14px;
}
.triangle-border.right {
	margin-right:14px;
}


.triangle-border:before {
	content:"";
	position:absolute;
	left:20px; /* controls horizontal position */
    border-width:10px 10px 0;
	border-style:solid;
    border-color:#cdcdcd transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	left:42px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:8px 8px 0;
	border-style:solid;
	border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
.triangle-border.left:before {
	top:10px; /* controls vertical position */
	bottom:auto;
	left:-16px; /* value = - border-left-width - border-right-width */
	border-width:8px 16px 8px 0;
	border-color:transparent #cdcdcd;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
	top:11px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
	left:-14px; /* value = - border-left-width - border-right-width */
	border-width:7px 14px 7px 0;
	border-color:transparent white;
}

.triangle-border.right:before {
	top:10px; /* controls vertical position */
	bottom:auto;
    left:auto;
	right:-16px; /* value = - border-left-width - border-right-width */
	border-width:8px 0 8px 16px;
	border-color:transparent #cdcdcd;
}

/* creates the smaller  triangle */
.triangle-border.right:after {
	top:11px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
    left:auto;
	right:-14px; /* value = - border-left-width - border-right-width */
	border-width:7px 0 7px 14px;
	border-color:transparent #fff;
}




/* IE6 */
.chat-bubble-top-arrow {
    _border-left-color: pink;
    _border-bottom-color: pink;
    _border-top-color: pink;
    _filter: chroma(color=pink);
}

.chat-bubble-arrow-border,
.chat-bubble-arrow {
    border-width: 20px 30px 20px 30px ;
    top: 15px;
    
    border-style: solid;
    height:0;
    width:0;
    position:absolute;
}
.chat-bubble-arrow-border {
    border-color: transparent #D5D8DE transparent  transparent ;
    left: -60px;
}

.chat-bubble-arrow {
    border-color: transparent #f7f7f7 transparent  transparent  ;
    left:-58px;
 }



/* BUbbles end */




























.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
    if width will be 100% horizontal scrollbar will apear 
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}




/* Checkin Box */

#checkin-box ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
} 
#checkin-box li {
    float: left;
    padding: 7px 12px;
    margin: 0 1px;
    height: 14px;
    font-size: 14px;
    font-weight: bold;
    /*background-color: #c4c4c4;*/
    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}

#checkin-box li.selected {
    background-color: #ebebeb;
}
#checkin-box .checkin-content {
    display: none;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
}

#checkin-box .checkin-content.selected {
    background-color: #ebebeb;
    display: block;
}
#checkin-box ul li a {
    color: black;
}
#checkin-box ul li.caption {
    background-color: white;
}

#checkin-grid-content a:hover {
    text-decoration: none;
}

.checkin-group-icons-grid {
    display: inline-block; 
    margin: 5px; 
    width: 97px; 
    height: 120px; 
    text-align: center; 
    vertical-align: top; 
}
.checkin-group-icons-grid a:hover {
    text-decoration: none;
}
/* Checkin Box End */



.w400px {
    width: 400px;
}


/* Checkin stuff */ 
.checkin-category-grid-box {
    display: table-cell;
    width: 88px; 
    height: 36px;
    padding: 4px; 
    margin: 5px 5px 0 0; 
    border: 1px solid #dedede;
    border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #147cb5;
    background-color:#c7e8f9
}
.checkin-category-grid-box.selected {
    background-color: white;
}
.checkin-category-grid-box  a{ 
    color: #147cb5;
 }
#checkin-grid-content {
    /*border-top: 1px solid #999999;
    */
}
.checkin-grid-category-entry {
    width: 144px;
    padding: 5px 0 5px 5px;
    font-size: 13px;
    font-weight: bold;
    float:left;
    display:block;
}

/* Checkin end */


/* Help page */
.learnmore-nav-button { 
    width:200px;
    height: 48px;
    display: table;
    
    float: left;
    padding: 10px 0;
    text-align: center;
    
    margin: 0 -10px 0 0;    
}
.learnmore-nav-button-selected {
    color: white;
}

|/* Help page end */





/* UI Slider Plugin */


.ui-slider-horizontal .ui-slider-handle {
}

.ui-slider .ui-slider-handle {
    width:30px; 
    height:20px;
	padding: 10px 0;
    background:url(/img2/slider_head.png) no-repeat; overflow: hidden; 
    position:absolute;
	top: -8px;
	border: none;
}
.ui-widget-content {
	background: #cdcdcd;
	border: 1px solid #aaaaaa;
}


/*NEW SLIDER STYLES FOR SCALE, ETC*/
/* slider widget */

/*

.ui-slider  {
    text-decoration: none !important;
}

.ui-slider .ui-slider-handle  {
    overflow: visible !important;

}
.ui-slider .ui-slider-tooltip {
    display: none;
}
.ui-slider .screenReaderContext {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    left: -999999999px;
}
.ui-slider .ui-state-active .ui-slider-tooltip, .ui-slider .ui-state-focus .ui-slider-tooltip, .ui-slider .ui-state-hover .ui-slider-tooltip {
    display: block;
    position: absolute;
    bottom: 2.2em;
    text-align: center;
    padding: .1em .2em .2em;
    font-size: .7em;
    width: 3em;
    margin-left: -1.0em;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down, .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
    position: absolute; 
    display: block;
    width:0; 
    height:0; 
    border-bottom-width: 0;
    background: none;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down {    
    border-left: 7px dashed transparent; 
    border-right: 7px dashed transparent;
    border-top-width: 8px;
    bottom: -8px;
    right: auto;
    left: 50%;
    margin-left: -7px;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
    border-left: 6px dashed transparent; 
    border-right: 6px dashed transparent;
    border-top: 7px solid #fff;
    bottom: auto;
    top: -9px;
    left: -6px;
}
.ui-slider a {
    text-decoration: none;
}
.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-slider ol, .ui-slider dl {
    position: relative;
    top: 1.3em;
    width: 100%;
}
.ui-slider dt {
    top: 1.5em;
    position: absolute;
    padding-top: .2em;
    text-align: center;
    border-bottom: 1px dotted #ddd;
    height: .7em;
    color: #999;
}
.ui-slider dt span {
    background: #fff;
    padding: 0 .5em;
}
.ui-slider li, .ui-slider dd {
    position: absolute;
    overflow: visible;
    color: #666;
}
.ui-slider span.ui-slider-label {
    position: absolute;
}
.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {
    display: none;
}
.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {
    display: block;
}
.ui-slider-tic {
    display:none;
}
.ui-slider span.ui-slider-tic {
    position: absolute;
    left: 0;
    height: .8em;
    top: -1.3em;
}


.ui-slider li span.ui-widget-content, .ui-slider dd span.ui-widget-content {
    border-right: 0;
    border-left-width: 1px;
    border-left-style: solid;
    border-top: 0;
    border-bottom: 0;


}
.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic {
    display: none;
}


.ui-slider .ui-slider-handle  {
    background: #b8d6fa !important;
    border-color: #42bdec !important;
}

.ui-slider-tooltip,.ui-slider-label {
    color: #999 !important;
    font-size: 10px;
    text-align: left;
    wrap: nowrap;
    width: 45px;
}
.ui-widget-content {
    background: #cdcdcd !important;     
}
*/
/* UI Slider ENd */


/* Updates Accordions overrides */
.number-box input {
    height: 30px;
    margin: 0;
    padding: 0;
}

.number-box input[type=text] {
    font-size:24px;
    padding-bottom: 0;
}
.number-box input[type=button] {
    width: 30px;
    min-width: 10px;
    font-size:22px;
}


h3.ui-accordion-header  {
    padding: 4px 5px 4px 25px;
    font-size: 16px;
    font-weight: bold;
    color: #147cb5;

    border: 1px solid #b1d4e0;
    
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.31, rgb(227,239,244)),
        color-stop(0.53, rgb(255,255,255)),
        color-stop(0.5, rgb(255,255,255))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(227,239,244) 31%,
        rgb(255,255,255) 53%,
        rgb(255,255,255) 80%
    );
        
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3eff4');
        
}

div.accordion-content {
    border: none;
    border-top:  1px solid #b1d4e0 !important;
} 


/* Accordion end */









/* RATING PLUGIN */

div.rateit
{
    display: inline-block;
    position: relative;
}

div.rateit div.rateit-range
{
    position: relative;
    display: inline-block;
    background: url(/img2/star.gif);
    height: 16px;
}

div.rateit div.rateit-hover, div.rateit div.rateit-selected
{
    position: absolute;
}

div.rateit div.rateit-hover
{
    background: url(/img2/star.gif) left -32px;
}

div.rateit div.rateit-hover-rtl
{
    background-position: right -32px;
}

div.rateit div.rateit-selected
{
    background: url(/img2/star.gif) left -16px;
}

div.rateit div.rateit-selected-rtl
{
    background-position: right -16px;
}


div.rateit div.rateit-reset
{
    background: url(delete.gif) 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
}

div.rateit div.rateit-reset:hover
{
    background-position: 0 -16px;
}



div.antenna div.rateit-range
{
    background: url(/img2/happiness_bar_inactive.png) no-repeat;
    height: 30px;
}
 
div.antenna div.rateit-hover
{
    background: url(/img2/happiness_bar_hover.png) no-repeat;
}
 
div.antenna div.rateit-selected
{
    background: url(/img2/happiness_bar_active.png) no-repeat;
}         


/* Rating Plugin End */





/* table sorter */
table.tablesorter {
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(/img2/tablesorter_bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(/img2/tablesorter_asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(/img2/tablesorter_desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/* table sorter end */







/* Question Highlights */

.q_highlights {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}