img { 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...); 
}

body {
    /*background-image: url(../images/img_bg.gif);*/
    background-image: url(../images/img_mainbg_new.gif);
    background-repeat: repeat-x;
    background-color: #f5f5f5;
    font-family: Verdana;
    font-size: 9pt;
    color: #535353;
    margin: 0px;
}

.link {
    color: #0D5683;
}

.main_div {
    width: 1003px;
    margin: auto;
    text-align: center;
}

/*cloud surfing changes starts*/
.cloudsurf_main_banner{width:943px;background:url(../images/img_cloudsurfing_header_bg.gif) no-repeat left top;height:137px;padding:0px 0px 0px 24px;float:left;}
.cloudsurf_logo{width:442px;padding:45px 0px 0px 0px;float:left;}

.cloudsurf_twitter_text {
    background:url(../images/img_twitter_icon.gif) no-repeat 160px 92px;
}
.site_subtitle {
    color: #0D5683;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    padding: 91px 0px 0px 46px;
    text-align: left;
    width: 182px;
}
.underline_text{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;line-height: normal;font-weight: normal;font-variant: normal;text-transform: none;color: #0D5683;text-decoration:underline;}
a.underline_text:hover{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;line-height: normal;font-weight: normal;font-variant: normal;text-transform: none;color: #0D5683;text-decoration:none;}

.cloudsurf_login_container{font-size:8pt;width:243px;padding:5px 0px 0px 30px;text-align:center;float:left;}

.cloudsurf_header_messages{float:right;margin-top:15px;padding-left:780px;position:absolute;}
.cloudsurf_search_container{width:245px;padding:45px 0px 0px 28px;float:left;}
.cloudsurf_search_field{width:156px;padding:17px 0px 0px 0px;float:left;}
.cloudsurf_search_button{width:64px;height:53px;float:left;padding:2px 0 0 0;}
/*cloud surfing changes ends */

/*cloud surfing new login box starts*/
.loginbox_outer{margin:auto;width:492px;}
.loginbox_inner{float:left;width:492px;height:137px;background:url(../images/img_header.png) no-repeat;}
.loginbox_repeat{float:left;width:452px;padding: 0 20px 0 20px;min-height:278px;background:url(../images/img_middle_bg.png) top repeat-y;}
.loginbox_footer{float:left;width:492px;height:62px;background:url(../images/img_footer.png) no-repeat;}
.textlabel {color: #777777;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 13px;}
.cloud_input{font-size: 24px;width: 97%;padding: 3px;margin-right: 6px;margin-bottom: 8px;border-right-width-value: 1px;border:1px solid #e5e5e5;background-color: #fbfbfb;color:gray;}
.cloud_popup_message{width:345px;margin:auto;text-align:left;}
/*cloud surfing new login box ends*/

/*nav: login text, messages*/
.nav_messages{float:right;padding:5px 20px 5px 0;font-size:8pt;}
.nav_messages a{color:#FF0000;text-decoration:underline;}


/* main content area class */
.content_div {
    margin: 0px;
    text-align: left;
    width: 967px;
}

/* new home page banner starts */
.new_banner {
    float:left;
    height:281px;
    width:969px;
}
.new_banner_left_container {
    float:left;
    width:470px;
}
.banner_text {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    line-height:25px;
    text-decoration: none;
    text-transform: none;
}

.banner_discover_container {
    background: url(../images/img_banner_blue_bg.gif) no-repeat left top;
    float:left;
    padding:24px 0px 0px 26px;
    width:444px;
}
.discover_pic {
    float:left;
    width:444px;
}
.new_banner_text {
    float:left;
    padding-bottom:24px;
    width:444px;
}
.new_banner_pic {
    float:left;
    width:499px;
}
.gray_bg {
    background:url(../images/img_gray_bg.gif) no-repeat left top;
    float:left;
    height:85px;
    padding:0px 0px 0px 26px;
    width:444px;
}
.banner_btn_container {
    float:left;
    padding-top:22px;
    width:444px;
}

/* new home page banner ends */


.clear_div {clear:both;width:100%;line-height:0px;}
.horizontal_seprator_div {clear:both;width:100%;line-height:0px;height:10px;}

.left_panel {float:left;width:210px;background-color:white;text-align:left;}
.right_panel {float:right;width:210px;background-color:white;overflow:hidden;}

.maincol2 {float:left;width:745px;background-color:white;}
.maincol3 {margin-left:10px;float:left;width:525px;background-color:white;}

.nav_row {width:985px;text-align:left;}

.side_module_header {
    background: url('../images/nav_top.png') top left no-repeat;
    padding-left: 15px;
    text-align: left;
    font-weight: bold;
    color: white;
    height: 28px;
}

.center_module_header {
    background: url('../images/nav_top_middle.gif') top left no-repeat;
    padding-left: 15px;
    text-align: left;
    font-weight: bold;
    color: white;
    height: 48px;
    padding-top: 6px;
    vertical-align: top;
}

.center_module_header_new {
    background: url('../images/nav_top_middle_new.gif') top left no-repeat;
    padding-left: 15px;
    text-align: left;
    font-weight: bold;
    color: white;
    height: 28px;
    padding-top: 6px;
    vertical-align: top;
}

.extended_center_module_header {
    background: url('../images/img_decide_centerheading.gif') top left no-repeat;
	background-size: 100%;
    padding-left: 15px;
    text-align: left;
    font-weight: bold;
    color: white;
    height: 48px;
    padding-top: 6px;
    vertical-align: top;
}


.box_content {
    width: 190px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.box_content_left_part {
    clear: both;
    float: left;
    width: 10px;
    margin-right: 10px;
}

.box_content_main_part {
    float: left;
    width: 170px;
}

.required {
    color: #FF0000;
}

.bold_blue_text {
    font-size: 10pt;
    font-weight: bold;
    color: #0D5683;
}

.sidenav_disabled {font-size:9pt;font-weight:bold;color:silver;margin-left:25px;font-family:Verdana;}
.sidenav {font-size:9pt;font-weight:bold;color:#0D5683;margin-left:25px;font-family:Verdana;cursor:pointer;}
.sidenav a:link, .sidenav a:visited {color:#0D5683;text-decoration:none;}
.sidenav-right {font-size:9pt;font-weight:bold;color:#0D5683;margin-left:15px;font-family:Verdana;text-align:left;}
.sidenav-right a:link, .sidenav a:visited {color:#0D5683;text-decoration:none;}
.leftnav {background:url('../images/arrow_blue.gif') top left repeat-y;}
.leftnav_disabled {background:url('../images/arrow_gray.gif') top left repeat-y;}
.leftnav_hover {background-color:white;} 
.leftnav_selected {background-color:white;} 
.leftnav_itemcount {font-weight:normal;font-size:8pt;color:gray;}
.rightnav {background-color: #E6E6E8;}
.boxtxt {color:white;font-size:10pt;}
.boxtxt a:link, .boxtxt a:visited {color:white;font-size:10pt;}
.boxtxt a:hover {color:#00579C;}
.fs8 {font-size:8pt;color:#00477E;}
.fs8 a:link, .fs8 a:visited {font-size:8pt;color:#00477E;}
.fs8 a:hover {font-size:8pt;color:black;}



.link7:link, .link7:visited {font-size:7pt;color:gray;}
.link7:hover {font-size:7pt;color:#78B320;}

.link9:link, .link9:visited {font-size:9pt;color:#535353;}
.link9:hover {font-size:9pt;color:#78B320;}

.link10 {text-decoration:none;}
.link10:hover {color:#535353;}

.box1 {background:url('../images/middle_bg.gif') top center no-repeat;text-align:left;}
.box-small {background:url('../images/middle_bg_small.gif') top center no-repeat;text-align:left;}
.box2 {padding:20px;padding-top:12px;color:#535353;}
.box2 b {color:black;}
.sm {font-size:8pt;color:gray;}
.sm a:link, .sm a:visited {color:#3685B9;font-size:8pt;}
.sm span {color:#3685B9;font-size:8pt;text-decoration:underline;cursor:pointer;}
.rederror {color:red;text-decoration:none;}

.catdesc {float:left;width:100px;text-align:right;font-size:9pt;color:#9b9b9b;}
.deletelink:link, .deletelink:visited {text-decoration:none;font-size:8pt;color:gray;}
.deletelink:hover, .deletelink:active {text-decoration:none;font-size:8pt;color:red;}

.linkcolor {cursor:pointer;text-decoration:underline;color:#3685B9;}

h1,h2,h3,h4,h5 {margin:0px;margin-bottom:5px;padding:0px;font-weight:bold;font-family:arial;}
h1 {font-size:16pt;color:#535353;}
h2 {font-size:14pt;color:#3682B7;}
h3 {font-size:12pt;color:#3682B7;}
h4 {font-size:10pt;}
h5 {font-size:8pt;}

.wrap1 {border:1px solid #E1E2E3;margin:5px 0 5px 0;}
.wrap2 {border:1px solid #FFFFFF;}
.wrap3 {border:1px solid #E5E6E6;}
.wrap4 {border:1px solid #EEEEEE;}
.wrap5 {border:1px solid #F1F2F2;background-color:white;padding:2px;text-align:center;}

.edit1 {border:1px solid #93969A;}
.edit2 {border:1px solid #FFFFFF;}
.edit3 {border:1px solid #61A5E5;}
.edit4 {border:1px solid #93C2ED;}
.edit5 {border:1px solid #D1E6F9;background-color:white;padding:10px;text-align:left;}

form {margin:0px;padding:0px;}

.t1, .t2, .t3, .t4, .t5, .t6 {display:inline;z-index:1;}
.t1 a:link, .t1 a:visited {font-size:16px;color:#1775BD;text-decoration:none;}
.t2 a:link, .t2 a:visited {font-size:15px;color:#308BD0;text-decoration:none;}
.t3 a:link, .t3 a:visited {font-size:14px;color:#5A97C6;text-decoration:none;}
.t4 a:link, .t4 a:visited {font-size:13px;color:#89AAC3;text-decoration:none;}
.t5 a:link, .t5 a:visited {font-size:12px;color:#A9B9C5;text-decoration:none;}
.t6 a:link, .t6 a:visited {font-size:11px;color:#CCCCCC;text-decoration:none;}

.t1 a:hover, .t2 a:hover, .t3 a:hover, .t4 a:hover, .t5 a:hover, .t6 a:hover {background-color:#0065B5;color:white;}


.bt1, .bt2, .bt3, .bt4, .bt5, .bt6 {display:inline;z-index:1;}

.bt1 a:link, .bt1 a:visited {font-size:32px;color:#1775BD;text-decoration:none;}
.bt2 a:link, .bt2 a:visited {font-size:28px;color:#308BD0;text-decoration:none;}
.bt3 a:link, .bt3 a:visited {font-size:24px;color:#5A97C6;text-decoration:none;}
.bt4 a:link, .bt4 a:visited {font-size:20px;color:#89AAC3;text-decoration:none;}
.bt5 a:link, .bt5 a:visited {font-size:16px;color:#A9B9C5;text-decoration:none;}
.bt6 a:link, .bt6 a:visited {font-size:12px;color:#CCCCCC;text-decoration:none;}

.bt1 a:hover, .bt2 a:hover, .bt3 a:hover, .bt4 a:hover, .bt5 a:hover, .bt6 a:hover {background-color:#0065B5;color:white;}


.hourlycss {
    border-top: 1px solid #EEEEEE;
}
.tdleftcol {
    border-top: 1px solid #EEEEEE;
    color: #575757;
    font-size: 9pt;
    white-space: nowrap;
}
.tdrightcol {
    background-color: #EEEEEE;
    font-size: 9pt;
    vertical-align: top;
}
.tdrightcol-auto {
    background-color: #EEEEEE;
    vertical-align: middle;
}
.tdrightcol a {font-size: 9pt;}
.tdbottomrow {border-top: 1px solid #EEEEEE;}

.tablewb {font-weight:bold;color:white;padding-left:3px;font-size:9pt;text-align:center;background:url('../images/barbg.gif') #3685B9 top left repeat-x;height:30px;}

.rating54 {position:absolute;top:-15px;left:0px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rating54.png', sizingMethod='image');width:54px;height:15px;}
.rating54[class] {background-image:url('../images/rating54.png');background-repeat:no-repeat;}

.bl {border-left:1px solid silver;}
.bb {border-bottom:1px solid silver;font-size:10pt;font-family:Arial;color:gray;font-weight:normal;}
.bt {border-top:1px solid silver;}
.br {border-right:1px solid silver;}
.ratingdesc {font-size:10pt;font-family:Arial;color:gray;font-weight:normal;width:210px;height:40px;overflow:hidden;}
.yr {font-size:8pt;color:silver;text-align:center;}



.rating {position:absolute;top:-17px;left:0px;width:84px;height:17px;}
.rating {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rating84.png', sizingMethod='image');}
.rating[class] {background-image:url('../images/rating84.png');background-repeat:no-repeat;}

.site_row_alt { background:url('../images/img_bg_site_list.gif') repeat-x scroll 0 0 #FFFFFF; }
.site_row_alt .rating {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rating84a.png', sizingMethod='image');}
.site_row_alt .rating[class] {background-image:url('../images/rating84a.png');background-repeat:no-repeat;}

.featured_site { background-color: #fff8dd; }
.featured_site .rating {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rating84_fff8dd.png', sizingMethod='image');}
.featured_site .rating[class] {background-image:url('../images/rating84_fff8dd.png');background-repeat:no-repeat;}

.featured_site.site_row_alt { background-color: #ffffd0; }
.featured_site.site_row_alt .rating {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rating84_ffffd0.png', sizingMethod='image');}
.featured_site.site_row_alt .rating[class] {background-image:url('../images/rating84_ffffd0.png');background-repeat:no-repeat;}

.button_off {
    width: 200px;
    height: 24px;
    cursor: pointer;
    background: url('../images/img_buttonsbg.gif') top left no-repeat;
}

.button_off a {
    font-size: 9pt;
    color: #0D5683;
}
.button_off:hover {
    background-position: 0 -29px;
    cursor: pointer;
}

.button_on {
    width: 200px;
    height: 24px;
    cursor: pointer;
    background: url('../images/img_buttonsbg.gif') bottom left no-repeat !important;
}

.button_on a {
    font-size: 9pt;
    color: #0D5683;
}

.button_on:hover {
    background-position: 0 -29px;
    cursor: pointer;
}

/* EDIT FORM */
.subnote {font-size:8pt;font-family:arial;color:gray;}
.noover {cursor:pointer;border:1px solid #93C2DF;background-color:#DDECF5;padding:3px;}
.onover {cursor:pointer;border:1px solid #5F96B9;background-color:#93C2DF;padding:3px;}
.noform {cursor:pointer;border:0px solid white;background-color:transparent;width:100%;}
.onform {cursor:text;border:0px solid black;background-color:#FFFDE7;width:100%;}
/* EDIT FORM */


/* BUZZ */
.leftavatar {width:100px;padding-bottom:20px;}
.buzzcontent {margin-bottom:10px;font-size:9pt;font-family:Verdana;}
.buzzcontent a:link, .buzzcontent a:visited {font-size:9pt;font-family:Verdana;color:#404040;}
.buzzcontent2 a:link, .buzzcontent2 a:visited {font-size:9pt;font-weight:bold;font-family:Verdana;color:#00579c;}

.buzzby {font-size:8pt;color:#404040;}
.buzzby a:link, .buzzby a:visited {font-size:8pt;color:#00477E;font-weight:bold;} 
.buzzvia {font-size:8pt;color:#404040;float:right;}
.buzztitle, .buzztitle:link, .buzztitle:visited {font-weight:bold;font-size:10pt;color:#00579c;font-family:Verdana;}
.buzzline {border-bottom:1px solid silver;}
/* BUZZ */


/* don't allow reviews to set no-wrap white-space */
.site_community_review * {
    white-space: normal !important;
}


/* ratings */
.arrowblock0 {position:absolute;top:-17px;width:19px;height:17px;}
.arrowblock1 {position:absolute;top:-17px;left:19px;width:16px;height:17px;}
.arrowblock2 {position:absolute;top:-17px;left:35px;width:16px;height:17px;}
.arrowblock3 {position:absolute;top:-17px;left:51px;width:16px;height:17px;}
.arrowblock4 {position:absolute;top:-17px;left:67px;width:17px;height:17px;}
/* ratings */

.error_heading {font-size:25pt;color:#3682B7;}
.error_message, .error_message a {font-size:15pt;color:gray;}

.text_heading {font-size:25pt;color:#3682B7;}
.text_message, .text_message a {font-size:15pt;color:gray;}

.flash {
    text-align: center;
    font-weight: bold;
    color: black;
    background-color: #E6F8DD;
    border: #78B320 1px solid;
    margin: 0px 10px 15px 10px;
    padding: 10px 15px;
}

.warning_flash {
    background-color: #E6F8DD !important;
    border: #F28500 1px solid !important;
}

.category_description {
    text-align:left;
    background-color: #DFECF6;
    border: #3682B7 1px solid;
}

.toggleable {
    cursor: pointer;
}
.toggleable img {
    vertical-align: bottom;
}

.avatar { 
    border: 1px solid gray;
    padding: 2px;
}


/* browse by logos */
.logo_outer_box {
    padding: 10px;
    float: left;
    border: 1px solid white;
}
.logo_middle_box { 
    width: 105px;
    padding-top: 10px;
    padding-bottom: 5px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #e9e9e9;
    background-color: #FFFFFF;
}
.logo_inner_box { 
    height: 50px;
    overflow: hidden; 
}
.logo_inner_box img {
    border: 1px solid gray;
}
.logo_outer_box_subtle {
    float: left;
}

/* large logos starts */
.large_logo_middle_box {
    width: 175px;
}

.large_logo_inner_box {
    height: 68px;
}
/* large logos ends */


.logo_middle_box_subtle { 
    width: 115px;
    padding-top: 10px;
    padding-bottom: 5px;
    overflow: hidden;
    text-align: center;
}
/* browse by logos */

/* browse by thumbnails */
.browse_by_thumbnail_site {
    float: left;
    width: 200px;
    height: 250px;
    overflow: hidden;
    margin: 5px;
    background-color: #EEE;
}
.browse_by_thumbnail_site_hover {
    background-color: #3682B7 !important;
    color: #FFF !important;
}
.browse_by_thumbnail_site_hover a {
    color: #FFF !important;
}
/* browse by thumbnails */


/* custom slider styling */
.ui-slider a {
    outline: none;
}

/* NEW CLASS */
/* CSS Document */
.featured_site_title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #848484;
    overflow: hidden;
}
.arial15B_848484 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #848484;
    text-decoration: none;
}
.Verdana12B808080 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #808080;
    text-decoration: none;
}
.Verdana12R808080 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #808080;
    text-decoration: none;
}
.Verdana12UB336699 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #336699;
    text-decoration: underline;
}
a.Verdana12UB336699:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #336699;
    text-decoration: none;
}



.arial20B_c4c4c4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #c4c4c4;
    text-decoration: none;
}
.arial13B_24568b {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #24568b;
    text-decoration: none;
}
.arial11B_a1a1a1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #a1a1a1;
    text-decoration: none;
}
.arial16U_000000 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}
a.arial16U_000000:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.arial20B_000000 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}


.arial22B_0d5683 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #0d5683;
    text-decoration: none;
}
a.arial22B_0d5683:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #0d5683;
    text-decoration: underline;
}
.arial14B_7c7c7c {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #7c7c7c;
    text-decoration: none;
}


.main_nav_tab {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #0d5683;
    text-decoration: none;
    display: block;
    height: 31px;
    padding-top: 14px;
}

a.main_nav_tab:hover {
    background-image: url(../images/img_roll_over.gif);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    height: 31px;
    padding-top: 14px;
}

.main_nav_tab_first {
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #0d5683;
    text-decoration: none;
    display: block;
    height: 31px;
    padding-top: 14px;
    width: 160px;
}
a.main_nav_tab_first:hover {
    background-image: url(../images/img_nav_first_over.gif);
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    height: 31px;
    padding-top: 14px;
    width: 160px;
}

.main_nav_tab_last {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #0d5683;
    text-decoration: none;
    display: block;
    height: 45px;
    width: 160px;
}
a.main_nav_tab_last:hover {
    background-image: url(../images/img_nav_last_over.gif);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    display: block;
    height: 45px;
    width: 160px;
}


.section_heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #0d5683;
}


.arial40818181 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #818181;
    text-decoration: none;
}

.Verdana14UB336699 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #336699;
    text-decoration: none;
}

a.Verdana14UB336699:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #336699;
    text-decoration: underline;
}


.Verdana14R808080 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #808080;
    text-decoration: none;
}

a.Verdana14R808080:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #808080;
    text-decoration: underline;

}

.Verdana12N808080 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #808080;
    text-decoration: none;
}

.Verdana12NB336699 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #336699;
    text-decoration: none;
}



/* ------------- */
/* Green Buttons */

.btn_green:hover {
    color: white;
}

.btn_green a:hover {
    color: white;
}
.btn_green, .btn_green a {
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: black;
    text-align: center;
    text-decoration: none;
    display: block;
}

.btn_green_vsmall {
    width: 76px;
    height: 27px;
    background-image: url(../images/btn_green_vsmall.gif);
    background-position: top left;
    background-color: white; /* for IE: http://www.google.com/search?q=webmasterworld+css+3691717 */
    border: none;
    font-size: 13px;
}

.btn_green_small {
    width: 119px;
    height: 27px;
    background-image: url(../images/btn_green_small.gif);
    background-position: top left;
    background-color: white; /* for IE: http://www.google.com/search?q=webmasterworld+css+3691717 */
    border: none;
    font-size: 13px;
}

.btn_green_large {
    width: 189px;
    height: 37px;
    background-image: url(../images/btn_green.gif);
    background-position: top left;
    border: none;
    font-size: 17px;
}
.btn_green_vlarge {
    width: 228px;
    height: 37px;
    background-image: url(../images/btn_green_xl.jpg);
    background-position: top left;
    border: none;
    font-size: 17px;
}
/*-----------*/
.btn_signup {
    width: 473px;
    height: 37px;
    background-image: url(../images/img_btn_signup.gif);
    background-position: top left;
    background-color: white; /* for IE: http://www.google.com/search?q=webmasterworld+css+3691717 */
    border: none;
}
/* ------------- */

.btn_compareall {
    font-family: Verdana;
    width: 200px;
    height: 24px;
    background-image: url(../images/btn_compareall.gif);
    background-position: top left;
    background-color: white; /* for IE: http://www.google.com/search?q=webmasterworld+css+3691717 */
    cursor: pointer;
    font-size: 9pt;
    color: gray;
    text-align: left;
    padding: 3px 4px 6px 4px;
    border: none;
}

.btn_compareall:hover {
    background-position: bottom left;
}


.btn_removeall {
    width: 100px;
    height: 19px;
    display: block;
    cursor: pointer;
    background-image: url(../images/btn_removeall.gif);
    text-decoration: none;
    border: 0px;
    text-align: center;
    padding-top: 5px;


}

.btn_removeall:hover {
    background-position: 0px 24px;
}


.btn_remove {
    width: 77px;
    height: 19px;
    display: block;
    cursor: pointer;
    background-image: url(../images/btn_remove.gif);
    text-decoration: none;
    border: 0px;
    text-align: center;
    padding-top: 5px;
}

.btn_remove:hover {
    background-position: 0px 24px;
}


.btn_login {
    width: 62px;
    height: 28px;
    display: block;
    cursor: pointer;
    background-image: url(../images/btn_new_login_gray_green.gif);
    text-decoration: none;
    border: 0px;
}

.btn_login:hover {
    background-position: 0px 28px;
}

.btn_search {
    width:40px;
    height:27px;
    background-image: url(../images/btn_search.jpg);
    background-repeat:no-repeat;
    border:0px;
    cursor: pointer;
}
.decide_rank_numbers {
    font-family: Arial;
    font-size: 35px;
    font-weight: bold;
    color: #3880B5;
}

/* browse page pixel shifting icons */

.icon_list {
    background: url(../images/img_threeicons.png);
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    background-position: 0 0;
    float: left;
    cursor: pointer;
}
.icon_list:hover {
    background-position: 0 -105px;
    cursor: pointer;
}
.icon_list_active {
    background: url(../images/img_threeicons.png);
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    float: left;
    background-position: 0 -35px;
    cursor: pointer;
}

.icon_list_active:hover {
    background-position: 0 -70px;
    cursor: pointer;

}


.icon_compare {
    background: url(../images/img_threeicons.png);
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    background-position: -41px 0;
    float: left;
    cursor: pointer;
}
.icon_compare:hover {
    background-position: -41px -105px;
    cursor: pointer;
}

.icon_compare_active {
    background: url(../images/img_threeicons.png);
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    background-position: -41px -35px;
    float: left;
    cursor: pointer;
}

.icon_compare_active:hover {
    background-position: -41px -70px;
    cursor: pointer;
}


.icon_favorite {
    background: url(../images/img_threeicons.png);
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    background-position: -82px 0px;
    float: left;
    cursor: pointer;
}
.icon_favorite:hover {
    background-position: -82px -105px; 
    cursor: pointer;
}

.icon_favorite_active {
    background: url(../images/img_threeicons.png);
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    background-position: -82px -35px; 
    float: left;
    cursor: pointer;
}

.icon_favorite_active:hover {
    background-position: -82px -70px; 
    cursor: pointer;
}

/* left top boxses */

.arial17B8d8d8d {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: silver;
}
.arial14B8d8d8d {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: silver;
}

/* side box right */

.internal_box {
    width: 90px;
    height: 18px;
    float: left;
    background-color: #f3f3f3;
    border: solid 1px gray;
    padding-left: 2px;
    padding-top: 2px;

}

.internal_box a {
    text-decoration: none;
}

.internal_box_sep_vertical {
    float: left;
    width: 12px;
    height: 20px;
}

.internal_box_sep_horizontal {
    clear: both;
    width: 100%;
    height: 10px;
}


.login_icon_google {
    background-image: url(../images/img_loginicons.jpg);
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    float: left;
    margin-right: 4px;
    cursor: pointer;
}

.login_icon_google:hover {
    background-position: 0 -44px;
    cursor: pointer;
}

.login_icon_aol {
    background-image: url(../images/img_loginicons.jpg);
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    background-position: -46px 0;
    float: left;
    margin-right: 4px;
    cursor: pointer;
}

.login_icon_aol:hover {
    background-position: -46px -44px;
    cursor: pointer;
}

.login_icon_facebook {
    background-image: url(../images/img_loginicons.jpg);
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    background-position: -95px 0;
    float: left;
    margin-right: 4px;
    cursor: pointer;
}

.login_icon_facebook:hover {
    background-position: -95px -44px;
    cursor: pointer;
}

.login_icon_windows_live {
    background-image: url(../images/img_loginicons.jpg);
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    background-position: -143px 0;
    float: left;
    margin-right: 4px;
    cursor: pointer;
}

.login_icon_windows_live:hover {
    background-position: -143px -44px;
    cursor: pointer;
}

.login_icon_yahoo {
    background-image: url(../images/img_loginicons.jpg);
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    background-position: -188px 0;
    float: left;
    margin-right: 4px;
    cursor: pointer;
}

.login_icon_yahoo:hover {
    background-position: -188px -44px;
    cursor: pointer;
}

.login_icon_openid {
    background-image: url(../images/img_loginicons.jpg);
    background-repeat: no-repeat;
    width: 41px;
    height: 35px;
    background-position: -233px 0;
    float: left;
    cursor: pointer;
}

.login_icon_openid:hover {
    background-position: -233px -44px;
    cursor: pointer;
}

.signon_directions {
    background-image: url(../images/img_signondirections.gif);
    background-repeat: no-repeat;
    width: 71px;
    height: 65px;
    float: left;
}

.iconloginwindow {
    background-image: url(../images/img_iconloginwindow.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 28px;
    float: left;
}

.iconloginwindow2 {
    background-image: url(../images/img_iconloginwindow2.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 28px;
    float: left;
}
/* End */

.header_text {
    font-family: arial;
    font-size: 12pt;
    color: #3880B5;
    font-weight: bold;
}

/* search bar */
.homepage_search_label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #336699;
    text-decoration: none;
}


/* advice and community page main boxes */

.banner-main-heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #0D5683;
    text-decoration: none;
}
.banner-sub-heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #0D5683;
    text-decoration: none;
}
.banner-normal-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0D5683;
    text-decoration: none;
}

/* compare all and decide button on browse */

.buttontext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #1C3044;
    text-decoration: none;
}

a.buttontext:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
/* voting icons small */
.small_upvotingicon {
    background-image: url(../images/img_votingicons.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 28px;
    float: left;
    cursor: pointer;
}

.small_upvotingicon:hover {
    background-position: 0 -31px;
    cursor: pointer;
}

.small_upvotingicon:active {
    background-position: 0 -62px;
    cursor: pointer;
}

.vote_active_selected {
    background-position: 0 -62px;
}
.small_upvotingicon2 {
    background-image: url(../images/img_votingicons.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 28px;
    float: left;
    cursor: pointer;
    background-position: -32px 0;
}

.small_upvotingicon2:hover {
    background-image: url(../images/img_votingicons.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 28px;
    float: left;
    cursor: pointer;
    background-position: -32px -31px;
}

.small_upvotingicon2:active {
    background-image: url(../images/img_votingicons.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 28px;
    float: left;
    cursor: pointer;
    background-position: -32px -62px;
}

.vote_in_active_selected {
    background-position: -32px -62px;
}

.small_voting_flag_content {
    background-image: url(../images/orange_flag_icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 28px;
    float: left;
    cursor: pointer;
}

/* new home page blue box */

.header_heading_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #0D5683;
    text-decoration: none;
}
.header_normal_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}
.header_underlined_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #0D5683;
    text-decoration: underline;
}

a.header_underlined_text:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #0D5683;
    text-decoration: none;

}


/* classes for compare page: default content */

.arial16N_535353 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #535353;
    text-decoration: none;
}
.arial18R_3682B7 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #3682B7;
    text-decoration: none;
}
.center_content_container {
    width: 933px;
    float: left;
    text-align: left;
}
.left_content_container {
    width: 330px;
    float: left;
    padding-right: 16px;
}
.sub_page_heading {
    width: 330px;
    float: left;
    height: 20px;
    border-bottom: 1px solid #E3E3E3;
}
.content_container {
    width: 330px;
    float: left;
    padding-bottom: 20px;
    padding-top: 5px;
}
.content_container2 {
    width: 330px;
    float: left;
    padding-bottom: 5px;
    padding-top: 5px;
}
.content_container3 {
    width: 330px;
    float: left;
}
.content_container4 {
    width: 200px;
    float: left;
}
.pics_container {
    background-image: url(../images/img_main_pic.gif);
    background-repeat: no-repeat;
    width: 583px;
    height: 357px;
    float: left;
    margin-top: 10px;
}
.btn_compare a {
    width: 110px;
    height: 30px;
    float: left;
}
.click_sample {
    float: left;
    margin-left: 10px;
    padding-top: 5px;
}
.add_to_compare {
    background-image: url(../images/btn_add_to_compare.gif);
    background-repeat: no-repeat;
    width: 214px;
    height: 26px;
    float: left;
}
.add_to_compare a {
    width: 214px;
    height: 26px;
    float: left;
}

/* decide page */
.decide_right_content {
    width: 710px;
    float: left;
    text-align: left;
}
.decide_heading {
    width: 710px;
    float: left;
    border-bottom: 1px solid #E3E3E3;
    margin-bottom: 10px;
}
.decide_content {
    width:  710px;
    float: left;
    margin-bottom: 10px;
}
.decide_content2 {
    width: 710px;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
}
.decide_screen {
    background-image: url(../images/img_screen.jpg);
    background-repeat: no-repeat;
    width: 710px;
    height: 336px;
    float: left;
}

/* title heading row css properties: like on sites list, company list */

.title_heading_row {
	clear: both;
	height: 20px;
	padding-top: 3px;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	background-color: #EEEEEE;
	color: #535353;
	font-weight: bold;
}

/* site action */

.div_sep {
	clear: both;
	width: 100%;
	height: 2px;
	background-image: url(../images/bar.gif);
	background-repeat: repeat-x;
}

.div_action {
	width: 100%;
	height: 25px;
	background-color: #E6E6E8;
}

.div_action_heading {
	float: left;
	margin-left: 6px;
	margin-top: 6px;
	cursor: pointer;
}

.div_action_text {
	float: left;
	margin-left: 6px;
}

.div_action_content_text {
	margin-left: 6px;
}
/* suggestion box */

.suggestion_textbox {
    width:455px;
    height:22px;
    font-family:Arial;
    color:silver;
    border:#cdcdcd solid 1px;
    font-size:15px;
    padding-top:4px;
    padding-left:5px;

}

.suggestion_outter {
    padding:10px;
    width:465px;
    background-color:#F3F3F3;
    border-bottom: solid 1px silver;
}

.suggestion_message {
    width:430px;
}

/* remove icon */
.site_remove_icon, .product_remove_icon {
    position:absolute;
    margin-left:54px;
    margin-top:-2px;
    width:25px;
    height:25px;
    background-image:url(../images/cross_icons.gif);
    background-repeat:no-repeat;
    display:none;
    cursor:pointer;
}
.product_remove_icon {
    margin-left:72px;
    margin-top:0px;
    display:none;
}
.site_remove_icon:hover, .product_remove_icon:hover {
    background-position:0px -25px;
}

/* edit icon */
.edit_icon {
    border:0px;
    width:16px;
    height:16px;
    background-image:url(../images/emblems/edit_icon.png);
    background-repeat:no-repeat;
    cursor:pointer;
}

/* -- From site.php -- */
/* Right Nav Title */
.rnt {font-size:9pt;color:gray;padding-left:6px;}
.rnt a {text-decoration: none; color:#0D5683;}
.rnt a:hover {text-decoration: underline;}
/* Right Nav Points */
.rnp {text-align:center;font-size:9pt;color:#0D5683;}
/* -- -- */

/* -- Color picker -- */
.ColorPickerDivSample {
	border: 1px solid #535353;
	margin-left: 3px;
	padding-left: 10px;
}

.buzzImage  {
	background-image:url("../images/external_share/buzz.png");
	background-repeat:no-repeat;
	color:#2E2E2E;
	font-size:13px;
	font-weight:bold;
	padding-left:20px;
	text-decoration:none;
}

.notice {
	color:gray;
	font-size:7pt;
}

.big-content-left {
	background: transparent url("../images/middle_bg2_left.gif") no-repeat scroll left top;
}
.big-content-right {
	background: transparent url("../images/middle_bg2_right.gif") no-repeat scroll right top;
}
.big-content {
	background: white url("../images/middle_bg2_middle.png") repeat-x scroll center top; 
	width: 967px;
}