html,body {
color: #444;
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 13px;
line-height: 1.3em;
padding: 0;
background: white;
margin: 0;
}
img {
border: 0;
color-profile: sRGB;
rendering-intent: auto
}
.dashboard {
position: fixed;
width: 100%;
top: 0;
border-bottom: 1px solid #eaeaea;
background: #212121;
z-index: 2000;
color: #ffffff;
}
* html .dashboard { /*IE6 only rule, applied on top of the default above*/
position: absolute;
top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+0+"px" : body.scrollTop+0+"px");
left: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollLeft+0+"px" : body.scrollLeft+0+"px");
}
.bqstart {
float: left;
height: 45px;
margin-top: -20px;
padding-top: 45px;
margin-bottom: -50px;
font-size: 700%;
color: #333333;
}
.bqend {
float: right;
height: 25px;
margin-top: 0px;
padding-top: 45px;
font-size: 700%;
color: #333333;
}
.logo {
width: 154px;
background: url(/images/logo_top.png) no-repeat 0 5px;
position: absolute;
left: 10px;
top: 10px;
z-index: 5000;
}
a.pic_white .image2{display:none}
a.pic_white:hover .image1 {display:none}
a.pic_white:hover .image2 {display:inline}
#groups_header .image2{display:none}
#groups_header:hover .image1 {display:none}
#groups_header:hover .image2 {display:inline}
.defocus {
color: #787878;
font-size: 11px;
}
.defocus a {
color: #787878;
text-decoration: none;
}
.defocus a:hover {
color: #444;
text-decoration: underline;
}
.blog_popular {
background: #fafafa;
}
.sticky_post {
background: #eaeaea;
}
.img_caption_stream {
border-top: 1px #424242 solid;
background: #5e5e5e;
color: #fff;
position: absolute;
text-align: left;
left: 0px;
padding: 10px 5px 0 5px;
width: 240px;
height: 50px;
opacity: 0.8;
}
.img_caption_stream:hover {
border-top: 1px orange solid;
opacity: 1;
}
.img_caption {
background: #5e5e5e;
color: #fff;
position: absolute;
text-align: left;
left: 0px;
top: 190px;
padding: 10px 5px 0 5px;
width: 240px;
height: 50px;
opacity: 0.8;
}
.img_caption:hover {
border-top: 1px orange solid;
top: 189px;
opacity: 1;
}
.img_caption_title {
color: #fff;
font-size: 20px;
}
.img_caption_text {
color: #fff;
}
.img_caption_textsmall {
color: #fff;
font-size: 11px;
}
.warning {
background: #ffcccc;
}
table {
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 12px;
color: #444;
}
a.no_line {
text-decoration: none;
}
a {
color: #2971a7;
text-decoration: none;
}
a.h3 {
font-family: 'Trebuchet MS', verdana, sans-serif;
font-weight: bold;
font-size : 16px;
color : #2971a7;
text-decoration: none;
}
a.pod {
font-family: 'Trebuchet MS', verdana, sans-serif;
font-weight: bold;
font-size : 20px;
color : whitesmoke;
text-decoration: none;
}
a.pod:hover {
font-family: 'Trebuchet MS', verdana, sans-serif;
font-weight: bold;
font-size : 20px;
color : #2971a7;
text-decoration: none;
}
a:hover {
color: #2971a7;
text-decoration: underline;
}
a.link_ajax {
color: #444;
text-decoration: none;
}
a.link_ajax:hover {
color: #444;
text-decoration: none;
border-bottom: 1px dotted #d4d4d4;
background: #ffffa2;
}
a.mod_title {
color: orange;
text-transform: lowercase;
text-align: left;
clear: both;
font: lighter 20px/35px 'Trebuchet MS', verdana, sans-serif;
vertical-align: top;
}
a.img_caption_text {
color: #fff;
text-decoration: none;
}
a.img_caption_text:hover {
color: #eaeaea;
text-decoration: underline;
}
a.img_caption_title {
color: #fff;
text-decoration: none;
}
a.img_caption_text:hover {
color: #eaeaea;
text-decoration: underline;
}
.h1 {
font-family: 'Trebuchet MS', verdana, sans-serif;
font-weight: lighter;
color: #2971a7;
font-size: 20px;
text-transform: lowercase;
}
h1 {
font-family: 'Trebuchet MS', verdana, sans-serif;
font-weight: lighter;
color: #2971a7;
font-size: 20px;
text-transform: lowercase;
}
.h3 {
font-family: 'Trebuchet MS', verdana, sans-serif;
font-weight: bold;
font-size : 16px;
}
.button_disabled {
background:url(/images/button_bg_white.gif) repeat-x;
border-color: silver;
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.button_disabled:hover {
background:url(/images/button_bg_white.gif) repeat-x;
border-color: silver;
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.button {
background:url(/images/button_bg_blue.gif) repeat-x;
border-color: silver;
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.button:hover {
background:url(/images/button_bghover_blue.gif) repeat-x;
border-color: silver;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type="submit"], input[type="button"], button {
border: 1px solid #003366;
background: #81a745 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00ccff), to(#006699));
background-color: #2971a7;
text-shadow: #003366 0px -1px 0px;
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
line-height: 20px;
padding: 5px;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover {
border: 1px solid #175682;
background: #759840 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099cc), to(#006699));
background-color: #006699;
text-shadow: #175682 0px -1px 0px;
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
line-height: 20px;
padding: 5px;
}
input, select, button {
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 16px;
line-height: 20px;
color: #333;
border: 1px solid silver;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding: 5px;
}
.button_cancel {
background:url(/images/button_bg_white.gif) repeat-x !important;
border-color: silver;
color: #000 !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
a.button {
display:block;
float:left;
border: 1px solid #003366;
background: #81a745 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00ccff), to(#006699));
background-color: #2971a7;
text-shadow: #003366 0px -1px 0px;
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
line-height: 20px;
padding: 5px;
}
a.button:hover {
display:block;
border: 1px solid #175682;
background: #759840 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099cc), to(#006699));
background-color: #006699;
text-shadow: #175682 0px -1px 0px;
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
line-height: 20px;
padding: 5px;
text-decoration:none;
}
a.button_disabled {
display:block;
float:left;
border: 1px solid silver;
background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#eaeaea));
background-color: silver;
text-shadow: #ccc 0px -1px 0px;
color: #444;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
line-height: 20px;
padding: 5px;
}
a.button_disabled:hover {
display:block;
float:left;
border: 1px solid silver;
background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaeaea), to(#cccccc));
background-color: silver;
text-shadow: #ccc 0px -1px 0px;
color: #444;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
line-height: 20px;
padding: 5px;
text-decoration:none;
}
.mod_title {
color: orange;
text-transform: lowercase;
text-align: left;
clear: both;
font: lighter 20px/35px 'Trebuchet MS', verdana, sans-serif;
vertical-align: middle;
}
.show_off {
color: gray;
text-align: left;
top: 35px;
left: 0;
font-size: 15px;
line-height: 1.5;
}
.front_slide {
color: gray;
font-size: 13px;
line-height: 1.4;
}
.big_jargon {
color: #212121;
opacity: 0.80;
font-size: 40px;
line-height: 42px;
}
.big_jargon:hover {
color: black;
opacity: 1;
text-decoration: none;
}
.base {
font-family: 'Trebuchet MS', verdana, sans-serif;
}
.base_nav_top {
background:#fff url(/images/button1_white.gif) repeat-x;
border:1px solid #aaa;
border-width:0 1px;
height:36px;
}
.base_nav_sub {
background:#fff url(/images/button1_white.gif) repeat-x;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
border-width:0 1px;
height:36px;
width:1250px
}
.container_header {
font-family : 'Trebuchet MS', verdana, sans-serif;
width: 1250px;
position: relative;
}
.tagline {
font-family: Arial, verdana, sans-serif;
font-size: 9px;
}
.login_top {
font-family: 'Trebuchet MS', verdana, sans-serif;
width: 1000px;
text-align: right;
position: absolute;
right: 10px;
z-index: 5000;
}
.nav_top {
width: 1250px;
clear: both;
text-align: left;
}
.menu1 {
padding:0 0 0 32px;
margin:0;
list-style:none;
background:#fff url(/images/button1_white.gif);
position:relative;
}
.menu1 li {
float:left;
background:url(/images/button2_white.gif) no-repeat right top;
}
.menu1 li a {
display:block;
float:left;
line-height:35px;
color:#000;
text-decoration:none;
font-size:14px;
font-family: 'Trebuchet MS', verdana, sans-serif;
text-align:center;
padding:0 16px 0 12px;
cursor:pointer;
display:block;
}
.menu1 li.current a {
color:#000;
background:url(/images/button3_white.gif) no-repeat right top;
}
.menu1 li a:hover {
color:#000;
background:#000 url(/images/button3_white.gif) no-repeat right top;
}
.menu1 li.current a:hover {
color:#000;
background:#000 url(/images/button3_white.gif) no-repeat right top;
}
.nav_footer {
font-family: 'Trebuchet MS', verdana, sans-serif;
border-top: 1px dotted silver;
text-align: left;
clear: both;
padding: 10px 5px;
background: #fafafa;
}
.container {
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 12px;
color: #444;
width: 1250px;
clear: both;
}
.container_highlight {
font-family : 'Trebuchet MS', verdana, sans-serif;
font-size : 12px;
color: #444;
clear: both;
background: #fafafa;
padding: 3px;
}
.container_footer {
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 11px;
color: #444;
clear: both;
text-align: left;
padding-top: 10px;
}
.stream_bigbox {
border-top: 1px solid #eaeaea;
width: 255px;
text-align: left;
float: left;
position: absolute;
padding: 15px 10px 15px 15px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.stream_comment {
background: #eaeaea;
width: 270px;
text-align: left;
float: left;
position: absolute;
padding: 5px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.gal_photo_box {
width: 170px;
height: 240px;
margin: 0px;
padding: 0 5px 5px 0;
text-align: left;
float: left;
position: relative;
}
.gal_photo_bigbox {
width: 290px;
height: 305px;
text-align: left;
float: left;
position: relative;
padding-left: 10px;
padding-top: 5px;
}
.gal_photo_box_list {
width: 160px;
padding: 5px;
background: white;
float: left;
text-align: left;
position: relative;
}
.gal_photo_box_listslide {
width: 500px;
padding: 5px;
background: white;
float: left;
text-align: left;
position: relative;
}
#gal_photo_box_box {
width: 860px;
padding: 5px;
background: white;
overflow:hidden;
}
#gal_photo_box_box li {
display:inline;
list-style-type:none;
}
#gal_photo_box_box li a {
display:block;
float:left;
text-decoration:none;
margin:0;
}
#gal_photo_box_box li a img.gal_photo_box_box {
float:left;
border: 1px solid white;
}
#gal_photo_box_box li a img.gal_photo_box_box:hover {
border: 1px solid orange;
}
#gal_photo_box_box li a span {
display:none;
}
#gal_photo_box_box li a:hover span {
width: 205px;
display:block;
cursor:pointer;
float:left;
padding-top: 10px
}
.gal_img_box {
border: 1px solid black;
}
.gal_img_box:hover {
border: 1px solid orange;
}
.gal_fullPhoto {
border: 1px solid black;
}
.post_shot {
width: 100px;
height: 100px;
padding: 5px;
margin-right: 5px;
background: #e6e6e6;
text-align: left;
float: left;
}
.cal_pod {
width: 100px;
height: 100px;
margin: 5px;
padding: 5px;
background: #e6e6e6;
text-align: left;
float: left;
}
.cal_podEmpty {
width: 100px;
height: 100px;
margin: 5px;
padding: 5px;
background: white;
text-align: left;
float: left;
}
.cal_podPom {
width: 100px;
height: 100px;
margin: 5px;
padding: 5px;
text-align: left;
float: left;
background: #00ff5d;
}
.cal_podToday {
width: 100px;
height: 100px;
margin: 5px;
padding: 5px;
background: #ff5ed1;
text-align: left;
float: left;
}
.cal_podSunday {
width: 100px;
height: 100px;
margin: 5px;
padding: 5px;
background: #ffca5e;
text-align: left;
float: left;
}
.cal_pomHead {
width: 100px;
margin: 5px;
padding: 5px;
background: white;
text-align: center;
}
.cal_pomEmpty {
width: 100px;
height: 100px;
margin: 5px;
padding: 5px;
background: white;
text-align: right;
}
.cal_pom {
width: 100px;
height: 100px;
margin: 5px;
padding: 5px;
background: #e6e6e6;
text-align: left;
}
.help_box {
margin-top: 20px;
text-align: left;
clear: both;
padding: 10px 0 5px 10px;
}
.cal_eventHead {
width: 558px;
height: 18px;
margin: 0;
padding: 2px;
text-align: center;
float: left;
border-bottom: 1px dotted #ccc;
border-right: 1px dotted #ccc;
}
.cal_event {
width: 536px;
height: 18px;
margin: 0;
padding: 2px;
text-align: left;
float: left;
border-bottom: 1px dotted #ccc;
border-right: 1px dotted #ccc;
}
.cal_eventEmpty {
width: 18px;
height: 18px;
margin: 0;
padding: 2px;
text-align: center;
float: left;
border-bottom: 1px dotted #ccc;
}
.cal_eventToday {
width: 18px;
height: 18px;
margin: 0;
padding: 2px;
background: #ff5ed1;
text-align: center;
float: left;
border-bottom: 1px dotted #ccc;
}
.cal_eventSunday {
width: 18px;
height: 18px;
margin: 0;
padding: 2px;
background: #ffca5e;
text-align: center;
float: left;
border-bottom: 1px dotted #ccc;
}
.cal_eventOn {
width: 18px;
height: 18px;
margin: 0;
padding: 2px;
text-align: left;
float: left;
background: #00ff5d;
border-bottom: 1px dotted #ccc;
}
.cal_event_hl {
width: 536px;
height: 260px;
margin: 0;
padding: 2px;
text-align: left;
float: left;
border-bottom: 1px dotted #ccc;
border-right: 1px dotted #ccc;
background: #fafafa;
}
.cal_eventEmpty_hl {
width: 18px;
height: 260px;
margin: 0;
padding: 2px;
text-align: center;
float: left;
border-bottom: 1px dotted #ccc;
background: #fafafa;
}
.cal_eventToday_hl {
width: 18px;
height: 260px;
margin: 0;
padding: 2px;
background: #ff5ed1;
text-align: center;
float: left;
border-bottom: 1px dotted #ccc;
}
.cal_eventSunday_hl {
width: 18px;
height: 260px;
margin: 0;
padding: 2px;
background: #ffca5e;
text-align: center;
float: left;
border-bottom: 1px dotted #ccc;
}
.cal_eventOn_hl {
width: 18px;
height: 260px;
margin: 0;
padding: 2px;
text-align: left;
float: left;
background: #00ff5d;
border-bottom: 1px dotted #ccc;
}
#tablist {
padding: 0px 0 2px 0;
margin-left: 0;
margin-bottom: 3px;
margin-top: 10px;
cursor: default;
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 12px;
border-bottom: 1px solid #808080;
}
#tablist li {
list-style: none;
display: inline;
}
#tablist li a {
color: #999999;
padding: 3px 10px 3px 10px;
margin-left: 4px;
margin-top: 5px;
background: white;
font-weight: bold;
border-top: 1px solid #808080;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
}
#tablist li a:link{
color: grey;
}
#tablist li a:visited {
color: grey;
}
#tablist li a.current:hover {
cursor: pointer;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 2px;
color: gray;
font-weight: bold;
background: orange;
text-decoration:none;
border-top: 1px solid #808080;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
border-bottom: 1px solid orange;
}
#tablist li a.current {
cursor: pointer;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 4px;
color: gray;
font-weight: bold;
text-decoration:none;
border-bottom: 2px solid #ffffff;
border-left: 1px solid orange;
border-right: 1px solid orange;
border-top: 1px solid orange;
}
#tabcontentcontainer {
clear: both;
margin-top: 5px;
}
.tabcontent {
display: none;
}
.cloud {
font-family: 'Trebuchet MS', verdana, sans-serif;
padding: 4px 4px 4px 4px;
letter-spacing: 3px;
text-transform: lowercase;
}
.size1 {
font-size: 2.8em;
}
.size2 {
font-size: 2.2em;
}
.size3 {
font-size: 1.8em;
}
.size4 {
font-size: 1.4em;
}
.size5 {
font-size: 1.0em;
}
.size6 {
font-size: 0.8em;
}
.icon_gal_list {
display: block;
width: 30px;
height: 21px;
background-image: url(/images/view_list_off_white.gif);
}
.icon_gal_list:hover {
background-image: url(/images/view_list_off_white.gif);
}
.icon_gal_box {
display: block;
width: 30px;
height: 21px;
background-image: url(/images/view_box_off_white.gif);
}
.icon_gal_box:hover {
background-image: url(/images/view_box_on_white.gif);
}
.icon_gal_thumb {
display: block;
width: 30px;
height: 21px;
background-image: url(/images/view_thumb_off_white.gif);
}
.icon_gal_thumb:hover {
background-image: url(/images/view_thumb_on_white.gif);
}
.icon_gal_slide {
display: block;
width: 30px;
height: 21px;
background-image: url(/images/view_slide_off_white.gif);
}
.icon_gal_slide:hover {
background-image: url(/images/view_slide_on_white.gif);
}
.icon_page_single {
display: block;
width: 30px;
height: 21px;
background-image: url(/images/page_single_off_white.gif);
}
.icon_page_single:hover {
background-image: url(/images/page_single_on_white.gif);
}
.icon_page_cover {
display: block;
width: 30px;
height: 21px;
background-image: url(/images/page_cover_off_white.gif);
}
.icon_page_cover:hover {
background-image: url(/images/page_cover_on_white.gif);
}
.icon_page_double {
display: block;
width: 30px;
height: 21px;
background-image: url(/images/page_double_off_white.gif);
}
.icon_page_double:hover {
background-image: url(/images/page_double_on_white.gif);
}
.tab-left {
margin-top: 8px;
border-bottom: 1px solid #808080;
}
.tab-holder {
cursor: default;
font-family: Arial;
font-size: 12px;
}
.tab-spc {
cursor: default;
border-bottom: 1px solid #808080;
}
INPUT.delete {
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 13px;
color: #000000;
background: #ff3366;
}
.submenu {
font-weight: normal;
background: transparent;
opacity: 0.9;
filter: alpha(opacity=95);
-moz-opacity: 0.95;
padding: 5px 10px 0 0;
position:relative;
z-index:10;
margin: 0 1em 1px;
}
.subcurent {
color: orange;
}
.label {
width: 20%;
float: left;
padding: 6px 0;
}
.label1 {
float: left;
padding: 6px 0 0;
}
#log_res {
overflow: auto;
}
.ajax-loading {
padding: 20px 0;
background: url(/images/wait_white.gif) no-repeat center;
}
.img-loading {
background: url(/images/wait_white.gif) no-repeat center;
}
.buttons span.active, .buttons span:hover {
background: #2971a7;
color: #fff;
}
.thumbs img:hover {
border: 2px solid black;
}
.buttons_noobs {
color: #444;
}
.buttons_noobs:hover {
background: #2971a7;
color: #fff
}
#box_slide{
position:absolute;
width:450px;
height:345px;
}
#box_slide span{
display:block;
}
#box_slide a{
cursor:pointer;
}
#handles6_1{
float:left;
}
#handles6_2{
float:right;
}
.mask_gallery{
position:absolute;
left:50%;
margin-left:-225px;
width:450px;
height:350px;
overflow:hidden;
border: 1px solid #333;
text-align: left;
}
.sample6 .buttons{
clear:both;
text-align:center;
}
.thumbs_box {
height: 350px;
}
.thumbs_box div{
display: block;
width: 48px;
height: 48px;
cursor: pointer;
padding: 5px;
}
.thumbs_box div img{
display: block;
border: none
}
.info{
}
#box_slide span img{
display:block;
border:none;
}
.slide_title {
position:absolute;
width:950px;
height:50px;
background: #e6e6e6;
color: #000;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}
.slide_title h3 {
padding: 0;
font-size: 80%;
margin: 2px 5px;
font-weight: bold;
color: inherit;
}
.slide_title p {
font-weight:bold;
padding: 0;
font-size: 80%;
margin: 2px 5px;
color: #333;
}
.hot_stuff_box {
width: 175px;
height: 215px;
position: relative;
float: left;
padding: 10px 15px 0 10px;
background: url(/images/hot_stuff_white.png) no-repeat;
text-align: left;
color: #262626;
margin: 0 5px 5px;
}
.hot_stuff_box:hover {
background: url(/images/hot_stuff_hover.png) no-repeat;
}
.interact_title {
clear: both;
float: left;
width: 98%;
padding: 3px 3px 13px;
position: relative;
}
.interact_row {
clear: both;
float: left;
width: 98%;
border-top: 1px dotted silver;
position: relative;
padding: 3px 3px 13px 10px;
}
.interact_row:hover {
background: #fafafa;
}
.interact_row .interact_control {
display: none;
top: 2px;
right: 3px;
position: absolute;
text-align: right;
}
.interact_row:hover .interact_control {
display: block;
background: #fafafa;
}
.step_container {
width: 1250px;
clear: both;
margin-bottom: 10px;
}
.step_on {
text-align: left;
float: left;
padding: 0 5px;
border-top: 2px solid orange;
background: #fafafa;
height: 129px;
margin: 0 2px 10px 0;
}
.step_off {
text-align: left;
float: left;
padding: 0 5px;
border-top: 1px dotted silver;
background: #fafafa;
height: 130px;
margin: 0 2px 10px 0;
}
.area {
float: left;
height:12px;
background: url(/images/slider.png) repeat-x center;
width:100%;
}
.knob {
height:12px;
width:12px;
background:url(/images/circle.png) no-repeat;
cursor:move;
}
/*round corner*/
#afcorner {background: transparent; margin: 20px 1em;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background: #fafafa; border-left:1px solid silver; border-right:1px solid silver;}
.xb1 {margin:0 5px; background: silver;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {background: #fafafa; display:block; border:0 solid silver; padding: 10px; border-width:0 1px;}
/*round corner*/
/*growl*/
#JS_Growl_container{
position:fixed;
top:100px;
left:100%;
width:225px;
margin-left:-235px;
height:auto;
border:0;
background:transparent;
padding-top: 10px;
z-index: 2000;
}
.JS_Growl_notify, .JS_Growl_notify_IE6{
margin-right: 5px;
padding: 15px 15px 15px;
width: 190px;
height: 50px;
border: 0;
color: #fff;
font-size: 0.9em;
display: none;
}
.JS_Growl_notify{
background:url(/images/growl.png) no-repeat;
}
.JS_Growl_notify_IE6{
background:url(/images/growl.gif) no-repeat;
}
/*growl*/
.preview_img {
clear:both;
background: url(/images/wait_white.gif) no-repeat center;
}
div.select_element .option_element{
height: 150px;
width: 100%;
overflow:hidden;
}
div.select_element .option_element .box_option_element{
width: 100%;
position:static !important;
margin-bottom:5px;
}
div.select_element .option_element .box_option_element{
width: 100%;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
div.select_element .option_element .box_option_element {
width: 100%;
display:inline !important;
vertical-align:top;
}
.list{
width:100%;
padding:1px 0 1px 0;
}
.interact_opt:hover {
background: #2971a7;
color: #fff;
}
input[type="radio"], input[type="checkbox"] {
border:none;
}
/*zoom*/
#cropInterface {
border: 1px solid black;
padding: 0;
margin: 0;
text-align: center;
background: #ffffff;
}
#cropImage {
margin: 0;
padding: 0;
}
/*end zoom*/
#row5 input{
border:0px;
}
/*nivo-slider*/
.nivo-caption {
background: #eaeaea;
color: #000000
}
.nivo-caption p {
font-weight:bold;
color: #333;
}
.nivo-caption a {
display:inline !important;
}
.clr{float:none;clear:both;}
.left_content{ float:left; margin: 0; width:650px;}
.left_content .h1{ display:block; margin:10px 0;}
.form, .txtleft { text-align:left;}
.form ol{ padding: 0; margin: 0;}
.form ol li { list-style: none outside; padding: 0; margin: 3px 0; display:block;float:left;}
.form label { display:block; float:left; width:150px; }
.form .colon { display:block; float:left; margin-right:2px;}
.form .colon { width:8px; text-align:center;}
.form .field { display:block; float:left; width:550px;}
.form .field_radio { display:block; float:left; width:30px;}
.form .field_radio_txt { display:block; float:left;}
.form h3 { margin:20px 0 10px; padding:0}
.form li.action { margin:15px 0; padding-left:160px; width:550px;}
.form li.action_modal {width:100%; text-align:right;}
.form .red, .font-red { color:#C00;}
.form .thumb { margin-bottom:8px;}
.form label.error { margin-left:160px;width:200px;color:red; font-style:italic;}
.font-green { color:green;}
/* Header and Nav Page*/
#groups_header { background-color: #fbca54; }
#groups_header h1, #groups_header h1 a, #groups_header h1 a:link, #groups_header h1 a:visited, #groups_header h1 a:active, #groups_header h1 .faux_link { color: #ffffff; }
ul#groups_nav li.active .tabmain { background: url(/images/tab_bg_on.png) #fff repeat-x; }
ul#groups_nav li.active a { color: orange; }/*2786C2*/
ul#groups_nav li .tabmain { background: url(/images/tab_bg.png) repeat-x; }
ul#groups_nav li a { color: #666666; }
#groups_header, #cover_header{position:relative;height:250px;padding:0;-moz-border-radius-topleft:20px;-webkit-border-top-left-radius:20px;border-top-left-radius:20px;-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;border-top-right-radius:20px; border-bottom:1px solid silver;}
#groups_header #header_info{height:62px;overflow: hidden;white-space: nowrap; padding:20px 20px 0 20px;}
#groups_header #header_info a{text-decoration:none;}
#groups_header #header_text{float: left;max-width:1000px; overflow: hidden;}
#groups_header h1{font:bold 36px arial,sans-serif;margin:0;}
#groups_header #header_logo{float: left;margin:5px 0 0 5px;}
#groups_nav_container{position:absolute;bottom:0;float: left;border:0;margin-bottom:1px;height:32px;width:100%;font-size:15px;font-family:arial,helvetica,sans-serif;line-height:normal;}
ul#groups_nav{margin:0;padding:0 0 0 20px;list-style: none;}
ul#groups_nav li{float: left;margin:0 5px 0 0;padding:0;}
ul#groups_nav li.active{border-bottom:1px solid white;}
ul#groups_nav li a{display:block;margin:0;padding:0;}
ul#groups_nav li .tabbit,.tabmain{float: left;height:33px;overflow: hidden;}
ul#groups_nav li .tabmain{padding:0 10px;line-height:33px;}
img.tabcorner{width:10px;vertical-align: top;}
.tabbit div.softcorners{padding:0;}
/* Nipple / Boxes */
div.nippleBox{position: relative;overflow:hidden; margin-bottom:10px;}
div.nippleBox div.bar{width:310px;height:25px;background-color:#eaeaea;text-align: left;}
div.nippleBox div.bar h4{float:left;line-height:25px;padding:0 0 0 8px;margin:0;text-align: left;}
div.nippleBox div.bar a.toggle{color:#fff;display:block;float: right;margin:6px 5px 0 0;}
div.nippleBox div.nipple{position:absolute;left:16px;top:24px;width:0;height:0;border-top:6px solid #eaeaea;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:0;z-index:2;}
div.nippleBox .content{margin-top:10px;}
.content .content_row {margin-bottom:10px; float:left;width:100%;}
.content .content_row .data{margin:0 0 0 3px;}
.portrait img{float:left; margin:0 3px 0 3px; border:1px solid #666666}
.tw_comment {float: right; width: 810px; padding: 5px; border-bottom: 1px dotted silver;position:relative;}
.tab-off {
cursor: default;
padding-left: 10px;
padding-right: 10px;
border-bottom: 1px solid #808080;
color: #999999;
/*font-weight: bold;*/
background: url(/images/tab_bg.png) repeat-x;
white-space: nowrap;
font-size:14px;
}
.tab-on {
cursor: default;
font-size:14px;
/*border: 1px solid orange;*/
/*border-bottom-width: 0;*/
color: orange;
background: #000000;
height:29px;
background: url(/images/tab_bg_on.png) #fff repeat-x;
/*font-weight: bold;*/
white-space: nowrap;
border-bottom: 1px solid white;
}
.tab-left-on {
cursor: default;
width:10px;
padding-right: 7px;
/*border: 1px solid orange;*/
/*border-bottom-width: 0;*/
color: orange;
background: #000000;
height:29px;
background: url(/images/tab_left_on.png) ;
font-weight: bold;
border-bottom: 1px solid white;
}
.tab-left-off {
cursor: default;
width:10px;
padding-right: 7px;
/*border: 1px solid orange;*/
border-bottom: 1px solid #808080;
color: orange;
background: #000000;
height:29px;
background: url(/images/tab_left.png);
font-weight: bold;
}
.tab-right-off {
cursor: default;
width:10px;
padding-right: 7px;
border-bottom: 1px solid #808080;
color: orange;
background: #000000;
height:29px;
background: url(/images/tab_right.png) ;
font-weight: bold;
}
.tab-right-on {
cursor: default;
width:20px;
padding-right: 7px;
/*border-bottom-width: 1px solid orange ;*/
color: orange;
background: #000000;
height:29px;
background: url(/images/tab_right_on.png) ;
font-weight: bold;
border-bottom: 1px solid white;
}
.ui-tabs .ui-tabs-nav {display:block; height:25px; list-style:none; margin:0; padding:0;display:block;border-bottom:1px solid silver;}
.ui-tabs .ui-tabs-nav li {float:left; overflow-x:hidden; display:block; height:25px; margin:0 3px; padding:0; background:url(/images/tab_right.png) top right no-repeat; border-bottom:1px solid silver;}
.ui-tabs .ui-tabs-nav li a{float:left; overflow-x:hidden; display:block; margin:0 5px 0 0; padding:4px 3px 4px 8px; background:url(/images/tab_left_full.png) top left no-repeat; color:#999999; text-decoration:none;}
.ui-tabs .ui-tabs-nav .ui-tabs-selected {float:left; overflow-x:hidden; display:block; height:25px; margin:0 3px; padding:0; background:url(/images/tab_right_on.png) top right no-repeat; border-bottom:1px solid white;}
.ui-tabs .ui-tabs-nav .ui-tabs-selected a{color:orange !important; background:url(/images/tab_left_full_on.png) top left no-repeat !important;}
.ui-tabs .ui-tabs-hide{display:none;}
.ui-tabs .ui-tabs-panel {clear:both;}
/* Used for the Switch effect: */
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(/images/switch_white.gif) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px;padding: 0 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
.switch div { cursor: pointer; }
.invite_member_icon{ position:relative; float:left; margin:5px;}
.invite_member_icon:hover .thm_button{ display:block;}
.invite_member_icon img{border: 1px solid #666666;}
.thm_button{
position:absolute;
bottom:0px;
right:0px;
height: 12px;
width: 12px;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
-moz-border-radius: 4px 0 0 0;
-webkit-border-radius: 4px 0 0 0;
display:none;
}
a.close_img_button {
background: url("/includes/plugins/jquery/fcbkcomplete/close.gif") no-repeat scroll 0 0 transparent;
display: block;
font-size: 1px;
margin:2px;
height: 7px;
width: 7px;
}
a.close_img_button:hover {
background: url("/includes/plugins/jquery/fcbkcomplete/close.gif") no-repeat scroll 0 -7px transparent;
display: block;
font-size: 1px;
margin:2px;
height: 7px;
width: 7px;
}
.fc_active{font-size: 20px;font-weight: bold;}
.twlist{float: left; clear: both; width: 100%; position: relative;}
.wall_thm{float: left; width: 55px; text-align: left;}
.wall_content{text-align: left; float: left; width: 820px; padding-left: 5px;}
.wall_like{font-size: 11px;}
.tooltip, .tipclear, .tipphoto, .tipnotif{
width: 200px;
font-size: 11px;
font-family: Arial, sans-serif;
background: #fff; /*575757*/
border: 1px solid #ccc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
position: absolute;
z-index: 1;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
padding:12px 12px;
line-height:18px;
}
.notif_post{
width: 200px;
font-size: 11px;
font-family: Arial, sans-serif;
background: #fff; /*575757*/
position: absolute;
z-index: 1;
padding:12px 12px;
line-height:18px;
}
.tipclear{
width:320px;
}
.tipnotif{
top: 70px !important;
position:fixed !important;
width:300px;
z-index: 2001;
}
.tipnotif:before {
content: '';
position: absolute;
border-color: transparent transparent transparent transparent;
background:url(/includes/plugins/jquery/jqtools/images/list-pointer-top-white.png) top center no-repeat;
border-style: solid;
border-width: 30px;
height: 0;
width: 0;
position: absolute;
top: 0;
left: 50%;
margin-top: -45px;
margin-left: -32px;
z-index:0;
}
.notif_row {
clear: both;
float: left;
width: 100%;
border-top: 1px dotted silver;
position: relative;
padding:5px 0 2px 0;
}
.notif_post {
clear: both;
float: left;
width: 100%;
border-top: 1px dotted silver;
position: relative;
padding:5px 0 2px 0;
background: #EAEAEA;
}
.notif_row:hover,.notif_post:hover {
background: #fafafa;
}
.tipphoto {
width:auto;
height:auto;
}
.tooltip_static {
width: 250px;
font-size: 11px;
font-family: Arial, sans-serif;
background: #fff; /*575757*/
border: 1px solid #ccc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
position: absolute;
z-index: 1;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
padding:12px 24px;
line-height:18px;
top:0 !important;
left:0 !important;
display:none;
}
#fpss-container {
border: 1px solid #e6e6e6;
}
#fpss-slider{
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.quest{clear:both;margin-left:5px;}
.hidden{display:none;}
.member_notification{
width:18px;
height:24px;
display:block;
background : transparent url(/images/wall_on.png) left 2px no-repeat;
}
.notification-bubble {
background-color: #2971a7;
position: absolute;
top:7px;
right:0px;
color: #fff;
text-align: center;
font-size: 9px;
line-height: 10px;
font-weight: bold;
cursor: pointer;
/*padding:1px;*/
}
#online .notips img{
width:18px;
height:18px;
}
#fblikebox, #fblikebox2 {
border: 1px solid #ccc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width:400px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
position: absolute;
z-index: 100;
background: #fff; /*575757*/
left:425px;
top:52px;
min-height:82px;
vertical-align:middle;
padding:10px 0 10px 0;
}
#fblikebox .axloading, #fblikebox2 .axloading{
margin-top:34px;
vertical-align:middle;
}
#fblikebox .close, #fblikebox2 .close{
display:block;
position:absolute;
top:0px;
right:0px;
width:18px;
height:18px;
background:url(/images/delete.png) no-repeat 1px 1px;
}
#fblikebox_txt{
font-size:14px;
border-bottom:1px dashed silver;
padding:5px 10px 5px 10px;
}
.tbllist:hover, .tbllist:hover td{
background: #fafafa;
}