/*====================================== WELCOME TO THE STYLESHEET -------------------------------------- Copyright Colby Palmer Author: Colby Palmer ======================================*/ /**************************************\ |------------COLOR SCHEME--------------| |--------------------------------------| - black #000 - white #fff \**************************************/ .purple { color: #8a278a; } .blue { color: #514aa4; } /**************************************/ /* GLOBALS */ /**************************************/ html { font-size: 62.5%; } input[type="text"], input[type="password"], textarea { font-size: 14px; font-family: Arial, Helvetica, sans-serif; } body { background: #fff; margin-top: 0; font-size: 14px; height:100%; } .container { text-align: left; font-size: 14px; background: transparent; } #wrapper { background: transparent; } .container th { border-bottom: none; } .infoBox { background: #f3f3f3; border: 1px solid #aaa; padding: 1em 2em; } .infoBox h4 { margin: 0 0 10px; } .tag_link { font-size: 11px; } a.tag_link:link, a.tag_link:visited { color: #333; } a.tag_link:focus, a.tag_link:hover, a.tag_link:active { color: #514aa4; } img.tag_image { position: relative; bottom: -4px; } .warning { color: #c00; } #dialog p { text-align: left; } .notice a { color: #514aa4 ! important; font-weight: bold; } .container .error, .container .notice, .container .success {padding:.4em;margin-bottom:1.6em;border:2px solid #ddd;} div.members { background: #eee none repeat scroll 0 0; } /*div.right_panel { width: 200px; }*/ button[disabled]:active, button[disabled], input[type="reset"][disabled]:active, input[type="reset"][disabled], input[type="button"][disabled]:active, input[type="button"][disabled], select[disabled] > input[type="button"], select[disabled] > input[type="button"]:active, input[type="submit"][disabled]:active, input[type="submit"][disabled] { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .hdr_fancy { color: #8a278a ! important; font-size: 28px ! important; } .hdr_fancy_sm { color: #8a278a ! important; font-size: 18px; } .hdr_fancy_bot { display: block; clear: both; margin: 5px 40px 12px; background: transparent url(../img/hdr_fancy_bot.png) top center repeat-x; } ul#messages { margin: 0px auto 0px auto; width: 800px; padding: 0; list-style: none; position: relative; top:10px; } ul#messages li { padding: 12px 5px 0px 10px; background: #e5e5e5 url(/site_media/img/bg_body.gif) ! important; margin: 3px; border: 1px solid #514aa4; overflow: auto; font-size: 16px; color: #222; font-style: italic; font-weight: bold; -moz-border-radius:6px; -webkit-border-radius:6px; } ul#messages li a.button { float: right; font-style: normal; font-weight: normal; text-transform: lowercase; position: relative; top: -6px; padding: 3px 12px 1px ! important; } a#tutorial { width: 79px; height: 21px; background: transparent url(/site_media/img/btn_tutorial.png) top center no-repeat; display: block; float: right; position: absolute; top: -32px; right: 16px; cursor: pointer; text-indent: -9999px; } a#tutorialconf { width: 79px; height: 21px; background: transparent url(/site_media/img/btn_tutorial.png) top center no-repeat; display: block; cursor: pointer; text-indent: -9999px; float:right; margin:10px 10px 10px 0px; } a#tutorialhome { width: 186px; height: 21px; background: transparent url(/site_media/img/home_tutorial.png) top center no-repeat; display: block; cursor: pointer; text-indent: -9999px; float:right; position:absolute; margin-top:-9px; margin-left:50px; z-index:1000; } /**************************************/ /* OVERLAY, MODAL, TOOLTIP */ /**************************************/ /* the overlayed element */ div.overlay { /* growing background image */ background-image:url(../img/overlay/white.png); background-color:#FFF; /* dimensions after the growing animation finishes */ width:400px; /* height:150px;*/ /* initially overlay is hidden */ display:none; /* some padding to layout nested elements nicely */ padding:40px 45px 0; overflow: visible; } /* default close button positioned on upper right corner */ div.overlay div.close { background-image:url(../img/overlay/apple-close.png); background-repeat: no-repeat; position:absolute; right:0px; top:5px; cursor:pointer; height:35px; width:35px; } .modal { background-color:#fff; display:none; width:350px; padding:15px; text-align:left; border:2px solid #333; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; color:#666; } .modalnew { width:650px; } .modallogo { background:url(../img/logo_main.png) 0 50% no-repeat; width:300px; height:32px; text-align:center; margin-left:50px; } .modal h2 { margin:0px 0px 0px 0px; padding:0px 0 10px 0px; font-size:14px; text-align:center; } #tooltip_sm_r { display:none; background:transparent url(../img/tooltip/white.png) no-repeat; font-size:13px; text-align: center; height:63px; width:160px; padding:20px 25px 25px; color:#333; } #tooltip_sm_t { display:none; background:transparent url(../img/tooltip/white_arrow.png) no-repeat; font-size:13px; text-align: center; height:70px; width:160px; padding:25px; color:#333; } #tooltip_conf_t { display:none; background:transparent url(../img/tooltip/white_arrow_sm.png) no-repeat; font-size:13px; text-align: center; height:40px; width:130px; padding:18px 20px 0px; color:#333; z-index: 1002; } #tooltip_sm_v { display:none; background:transparent url(../img/tooltip/val_arrow.png) no-repeat; font-size:14px; text-align: center; height:30px; width:160px; padding:19px 25px 25px; color:#333; font-weight: bold; font-style: italic; } /**************************************/ /* TABS */ /**************************************/ /* root element for tabs */ ul.tabs { list-style:none; margin:0 !important; padding:0; height:30px; /*border-bottom:1px solid #999;*/ } /* single tab */ ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } /* link inside the tab. uses a background image */ ul.tabs a { background: url(../img/tabs_spiffy.png) no-repeat -420px 0; font-size:12px; display:block; height: 30px; line-height:30px; width: 133px; text-align:center; text-decoration:none; color:#eee ! important; padding:0px; margin:0px; position:relative; top:1px; } ul.tabs a:active { outline:none; } /* when mouse enters the tab move the background image */ ul.tabs a:hover { background-position: -420px -31px; color:#fff; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -420px -62px; cursor:default !important; color:#fff !important; top: -1px; border-bottom: 2px solid #55076f; } /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ /* width 1 */ ul.tabs a.s { background-position: -553px 0; width:81px; } ul.tabs a.s:hover { background-position: -553px -31px; } ul.tabs a.s.current { background-position: -553px -62px; } /* width 2 */ ul.tabs a.l { background-position: -248px -0px; width:174px; } ul.tabs a.l:hover { background-position: -248px -31px; } ul.tabs a.l.current { background-position: -248px -62px; } /* width 3 */ ul.tabs a.xl { background-position: 0 -0px; width:248px; } ul.tabs a.xl:hover { background-position: 0 -31px; } ul.tabs a.xl.current { background-position: 0 -62px; } /* initially all panes are hidden */ div.panes div { display:none; padding: 12px 8px; } /* SMALL CONFERENCE TABS HERE */ /* root element for tabs */ ul.tabs_sm { list-style:none; margin:0 0 0 0px !important; padding:0; border-bottom:1px solid #777; width: 222px; height:20px; } /* single tab */ ul.tabs_sm li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } /* link inside the tab. uses a background image */ ul.tabs_sm a { background: url(../img/tabs_conference.png) no-repeat -380px 0; /* font-family: "Futura Medium", "Futura", "Century Gothic", "Apple Gothic", sans-serif;*/ font-size:10px; font-weight: bold; display:block; height: 20px; line-height:22px; width: 111px; text-align:center; text-decoration:none; text-transform: uppercase; letter-spacing: 1px; text-shadow: -2px 1px #111; color: #d0d0d0; padding:0px; margin:0px; position:relative; top:1px; } ul.tabs_sm a:active { outline:none; } /* when mouse enters the tab move the background image */ ul.tabs_sm a:hover { background-position: -380px -21px; color:#fff; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ ul.tabs_sm a.current, ul.tabs_sm a.current:hover, ul.tabs_sm li.current a { background-position: -380px -42px; cursor:default !important; color:#fff !important; } /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ /* width 1 */ ul.tabs_sm a.s { background-position: -373px 0; width:61px; } ul.tabs_sm a.s:hover { background-position: -373px -21px; } ul.tabs_sm a.s.current { background-position: -373px -42px; } /* width 2 */ ul.tabs_sm a.l { background-position: -388px -0px; width:154px; } ul.tabs_sm a.l:hover { background-position: -388px -21px; } ul.tabs_sm a.l.current { background-position: -388px -42px; } /* width 3 */ ul.tabs_sm a.xl { background-position: 0 -0px; width:228px; } ul.tabs_sm a.xl:hover { background-position: 0 -21px; } ul.tabs_sm a.xl.current { background-position: 0 -42px; } /**************************************/ /* FORMS */ /**************************************/ label { font-weight: normal; font-size: 14px; } .container fieldset { padding: 0 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */ h1.uni_form_header { width: 570px; background: #453f8c url(../new/images/box_top_bg.gif) repeat-x scroll 50% 50%; text-shadow: -2px 1px #111; font-size: 18px; letter-spacing: 1px; color: white; border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; border-left: 0px solid #c7c7c7; border-right: 1px solid #c7c7c7; margin: 0 0 0 20%; padding: 5px 11px; line-height: 1.1em; } h2.uni_form_list_def { width: 570px; margin: 0px 0px 12px 20%; padding: 4px 10px; background: #ccc url(../new/images/box_top_bg.gif) 50% 50% repeat-x ! important; color: #333; font-size: 14px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa; } h2.uni_form_list_step { width: 100%; margin: 0px 0px 0px 0px; padding: 4px 13px; background: #ccc url(../new/images/box_top_bg.gif) 50% 50% repeat-x ! important; color: #333; font-size: 14px; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; position:relative; left: -13px; } .uni_form_list_check { float: left; margin-right: 6px; margin-top: 0px; margin-left: 0px; } h2.step_exp { cursor: pointer; } h2.step_exp:hover { background: transparent url(../img/hdr_blue.png) 50% 50% repeat-x ! important; color: white; } .container div.step_exp_btn { margin: 0px; } h1.uni_form_header a:link, h1.uni_form_header a:visited, h1.items_list_top a:link, h1.items_list_top a:visited { color: #fff; } h1.uni_form_header a:focus, h1.uni_form_header a:hover, h1.uni_form_header a:active, h1.items_list_top a:active, h1.items_list_top a:hover, h1.items_list_top a:focus { color: #ccc; } button img, a.button img, .button img { display: none; } a.button, button, .button { background: #514aa3 url(../img/buttons_200x42.png) 50% -6px no-repeat; cursor: pointer; color: #fff ! important; text-transform: capitalize; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #23570D; border-top:1px solid #23570D; border-left:1px solid #23570D; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; } a.button:hover, button:hover, .button:hover { background: #ada9dd url(../img/buttons_200x42.png) 50% -49px no-repeat; } a.button:active, button:active{ background:#4d469c url(../img/buttons_200x42.png) 50% -92px no-repeat; outline: none; } a.button_conf{ background: #514aa3 url(../img/button_conf.png) 50% -6px no-repeat; cursor: pointer; color: #fff ! important; text-transform: capitalize; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #23570D; border-top:1px solid #23570D; border-left:1px solid #23570D; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; } a.button_conf:hover{ background: #ada9dd url(../img/button_conf.png) 50% -49px no-repeat; } a.button_conf:active,{ background:#4d469c url(../img/button_conf.png) 50% -92px no-repeat; outline: none; } a.button_conf{ cursor: pointer; display: inline-block; float: left; line-height: 130%; margin: 0px 0.583em 0.667em 0px; padding: 5px 14px 3px; text-decoration: none; } .uniForm .inlineLabels input[type='checkbox'] { width: 30px; } .uniForm fieldset, .uniForm_faux fieldset { margin: 0; } body .purpleBtn { color:#fff; background: #af2bcf url(../img/buttons_200x42.png) 50% -178px no-repeat ! important; } .container a.purpleBtn:hover, .container button.purpleBtn:hover { background: #ea9efb url(../img/buttons_200x42.png) 50% -221px no-repeat ! important; } .container a.purpleBtn:active, .container button.purpleBtn:active { background:#a829c7 url(../img/buttons_200x42.png) 50% -264px no-repeat ! important; outline: none ! important; } .container a.purpleBtn:focus, .container button.purpleBtn:focus { outline: none ! important; } body .grayBtn { color:#fff; background: #af2bcf url(../img/buttons.png) 50% -192px no-repeat ! important; } button.caps { font-weight: bold; text-transform: uppercase; } button.capssmall { font-weight: normal; font-size:10px; text-transform: uppercase; } a.caps { font-weight: bold; text-transform: uppercase; } .form_note { width:580px;margin-left:20%;margin-bottom:0.5em; } /**************************************/ /* HEADER */ /**************************************/ #header { height: 56px; background: #000; position: relative; } #logo_main { margin-top: 10px; float: left; } /**************************************/ /* NAVIGATION */ /**************************************/ #nav { background: #000; height: 56px; margin: 0; padding: 0; float: left; position: relative; } #nav li { list-style: none; float: left; margin: 0px 0px 0px; padding: 0; } #nav li a:link, #nav li a:visited { height: 30px; font-size: 11px; font-family: "Futura Medium", "Futura", "Century Gothic", "Apple Gothic", sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; padding: 26px 6px 0px; background: transparent url(../img/bg_subnav_active.png) 50% 52px no-repeat; position: relative; bottom: -1px; display: block; overflow: hidden; } #nav li a:focus, #nav li a:hover, #nav li a:active { color: #8a278a; } #nav li a#nav_select { background: transparent url(../img/bg_subnav_active.png) 50% 37px no-repeat; color: #8a278a; } #toplinks { float: right; margin: 0px -5px 0 0; padding: 0; font-size: 11px; line-height: 1.4em; position: relative; top: 0; right: 0; } #toplinks li { list-style: none; text-align: right; font-size:10px; } #toplinks li a:link, #toplinks li a:visited { font-family: "Futura", "Futura Medium", "Century Gothic", AppleGothic, sans-serif; color: #ccc; font-size:10px; text-decoration: none; text-transform: uppercase; padding: 3px 2px 0px; } #toplinks li a:focus, #toplinks li a:hover, #toplinks li a:active { color: #8a278a; font-size:10px; } #toplinks_sm { font-size: 10px; margin-top: 9px; } #topsearch { width: 180px; height: 20px; position: relative; top: 18px; float: right; margin-right: 15px; display: block; } input.search { font-family: "Futura Medium", "Futura", "Century Gothic", AppleGothic, sans-serif; background: #b5b5b6 url(../img/search.png) 2px 1px no-repeat; border: 1px solid #919193; width: 110px; color: white; margin: 4px 0 0; padding: 1px .4em 1px 18px; height: 16px; font-size: 100%; float: left; vertical-align: middle; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } input.search:active, input.search:focus { border: 1px solid #919193; outline: none; } input.search_btn { display: inline; float: left; margin: 4px 4px 0; padding: 0; height: 20px; } #subnav_wrapper { height: 23px; padding-top: 2px; background: #4b4b4b url(../img/bg_subnav.png) 50% 50% repeat-x; border-top: 1px solid #a4a4a4; } .subnav { margin: 0 0 0 160px; height: 27px; padding: 0; position: relative; top: 0px; left: 50px; background: transparent; overflow: hidden; font-family: Arial, Helvetica, sans-serif; display: block; } .subnav li { list-style: none; float: left; text-align: center; } .subnav li.back { background: url(../img/lava.png) no-repeat right -27px; width: 7px; height: 26px; z-index: 8; position: absolute; } .subnav li.back .left { background: url(../img/lava.png) no-repeat top left; height: 26px; margin-right: 7px; } .subnav li a:link, .subnav li a:visited { position: relative; overflow: hidden; color: #FFF; text-decoration: none; height: 16px; padding: 5px 20px 6px 20px; display: block; z-index: 10; text-align: center; font-size: 13px; margin-top: -2px; } .subnav li a:focus, .subnav li a:hover, .subnav li a:active, .subnav li.current a { color: #750998; } #breadcrumb { float: right; position: relative; top: -30px; right: 20px; text-align: right; font-size: 12px; } /**************************************/ /* MAIN CONTENT */ /**************************************/ #content_wrapper { background: #e5e5e5 url(../img/bg_body.gif) top center repeat; border-top: 1px solid #a4a4a4; } #content { background: transparent url(../img/bg_content.png) top center repeat-x; text-align: center; padding-top: 0px; padding-bottom:0px; color: #444; } #content_bot { width: 100%; height: 11px; background: transparent url(../img/bg_subcontent.png) bottom center repeat-x; } #content_950_top { width:1002px; height:37px; overflow:hidden; padding:0px; } #content_950_mid { width:950px; padding: 1px 26px 0px; } #content_950_bot { width:1002px; height:37px; overflow:hidden; padding:0px; } #content_1010_top { width:1062px; height:37px; overflow:hidden; padding:0px; background: transparent url(../img/bg_content_top_1010.png) top center no-repeat; margin: 0 auto; } #content_1010_mid { width:1010px; padding: 1px 26px 0px; background: transparent url(../img/bg_content_mid_1010.png) top center repeat-y; margin: 0 auto; text-align: left; } #content_1010_bot { width:1062px; height:37px; overflow:hidden; padding:0px; background: transparent url(../img/bg_content_bot_1010.png) top center no-repeat; margin: 0 auto; } #subcontent_wrapper { background: white; padding-top: 14px; text-align: left; } #subcontent { } img.figure { margin: 0px auto 20px 50px; } p.caption { font-style: italic; margin: 10px 40px 0px; } /**************************************/ /* HOME PAGE */ /**************************************/ /* .home_right { width: 220px; min-height: 360px; border-left: 1px solid #ddd; padding-left: 20px; float: right; color: #999; } #home_features { color: #999; clear: left; } .home_features_title { font-weight: bold; text-transform: uppercase; line-height: 1.3em; vertical-align: middle; min-height: 60px; } .home_features_title a h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 1.3em; vertical-align: middle; color: #111; display: inline; } .home_features_title a:focus h3, .home_features_title a:hover h3, .home_features_title a:active h3 { color: #514aa4; } .home_features_title img { float: left; margin-right: 6px; } #home_features p { clear: left; margin-top: 6px; width: 100%; }*/ /**************************************/ /* PRICING PAGE */ /**************************************/ tr.pricing_list_row td { padding: 6px 14px 4px; vertical-align: middle; text-align: left; font-size: 12px; line-height: 1.3em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } tr.pricing_list_row { text-align: left; font-size: 14px; border-left: 1px solid #ccc; } tr.pricing_list_buttons td { padding: 2px 14px 0px; vertical-align: middle; text-align: center; } tr.pricing_list_category td { text-align: left; font-family: "Futura Medium", "Futura", "Century Gothic", AppleGothic, sans-serif; color: #448e2e; text-transform: uppercase; background: #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 10px 1px; font-size: 16px; } td.feature_checked { background: white url(../img/checkmark.jpg) no-repeat 50% 50%; } tr.pricing_list_row td.feature_info { color: #999; font-family: "Futura Medium", "Futura", "Century Gothic", AppleGothic, sans-serif; font-size: 15px; text-transform: uppercase; text-align: center; } a.btn_signup { width: 85px; height: 18px; overflow: hidden; display: block; background: transparent url(../img/btn_signup.png) 0px 0px no-repeat; margin: 0px auto; padding: 0; } a.btn_signup:focus, a.btn_signup:hover, a.btn_signup:active { background-position: 0px -18px; } a.btn_downgrade { width: 85px; height: 18px; overflow: hidden; display: block; background: transparent url(../img/btn_downgrade.png) 0px 0px no-repeat ! important; margin: 0px auto; padding: 0; } a.btn_downgrade:focus, a.btn_downgrade:hover, a.btn_downgrade:active { background-position: 0px -18px ! important; } a.btn_upgrade { width: 85px; height: 18px; overflow: hidden; display: block; background: transparent url(../img/btn_upgrade.png) 0px 0px no-repeat ! important; margin: 0px auto; padding: 0; } a.btn_upgrade:focus, a.btn_upgrade:hover, a.btn_upgrade:active { background-position: 0px -18px ! important; } img.btn_subscribed { width: 85px; height: 18px; overflow: hidden; display: block; margin: 0px auto; padding: 0; } /**************************************/ /* ABOUT PAGES */ /**************************************/ #homePanels { width: 929px; height: 235px; border-bottom: 1px solid #fff; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; line-height: 1.5em; } .homePanel { width: 309px; height: 235px; border-right: 1px solid #aaa; border-top: 1px solid #aaa; float: left; } #homePanel3 { border-right: none; } .homePanel h2 { font-size: 17px; font-weight: normal; margin: 10px 0 0 18px; } .homePanel h2.homePanelLower { margin-top: 12px; } .homePanel h3 { font-size: 14px; font-weight: normal; margin: 6px 0 0 18px; } .homePanel h3.homePanelLower { margin-top: 4px; } .homePanel h4 { font-size: 15px; font-weight: normal; margin: 0px 0 0 0px; } #homePanel1 ul { margin-left: 19px; margin-top: 13px; } #homePanel1 ul li { width: 130px; float: left; list-style: none; margin: 0px 0 4px; font-size: 14px; } .homePanel .col50L p { margin: 0px 0 0 18px; } .homePanel .col50R h4 { margin-left: 10px; } .homePanel .col50R p { margin: 0px 0 0 10px; } #services { width: 900px; height: 125px; position: relative; top: 0px; } #services img { float: left; } #servicesTitles { width: 900px; height: 34px; position: relative; top: 10px; } #servicesTitles h2 { width: 25%; text-align: center; float: left; font-size: 18px; font-weight: normal; margin: auto; } #servicesTitles h2 a { color: #333; } #servicesTitles h2 a:hover, #servicesTitles h2 a.over { color: #8a278a; } #servicesCaptions { width: 900px; clear: both; position: relative; top: 4px; } #servicesCaptions a { width: 25%; float: left; text-align: center; color: #555; line-height: 1.2em; } #servicesCaptions a:hover, #servicesCaptions a.over { color: #8a278a; } .goLink { font-weight: bold; } /**************************************/ /* CONFERENCE PAGE */ /**************************************/ #conference { width: 986px; height: 800px; margin-left: 1px; } /**************************************/ /* CONFERENCE PAGE NEW */ /**************************************/ #conf_wrapper { width: 100%; } #conf_header { width: 100%; height: 39px; border-bottom: 0px solid #a3a3a3; } #host_chat { width: 220px; height: 165px; text-align: center; } #file_list { width: 220px; height: 170px; text-align: center; overflow: hidden; background: #292929; border-left: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; float: left; clear: left; } #smod_player { border: 0px solid #ccc; text-align: center; width: auto; height: auto; display: block; position: absolute; left: 224px; right: 0; top: 209px; bottom: 3px; z-index: 1; min-height:650px; } #smod_player_full { border: 0px solid #ccc; text-align: center; width: auto; height: auto; display: block; position: absolute; left: 224px; right: 0; top: 40px; bottom: 3px; z-index: 1; min-height: 650px; } /*#file_list div { overflow: auto; }*/ #file_list div ul { clear: left; text-align: left; padding: 0; margin: 0px 0 0; height: auto; width:220px; overflow: auto; position: absolute; bottom: 0px;top: 20px;left: 1px; } #file_list div ul li { list-style: none; display: block; padding: 2px 4px 1px; border-bottom: 1px solid #333; cursor: pointer; } #file_list div ul li:hover, #file_list div ul li.select { background: #111 url(../img/hdr_dark.png) 50% 50% repeat-x; color: #fff; } #file_list div ul li.playing { background: purple url(../img/hdr_purple.png) 50% 50% repeat-x; color: #fff; } #file_list div ul li a.file_title { display: none; } .btn_video, .btn_file { display: block; width: 178px; } .file_title { position: relative; top: -4px; } .file_icon_sm { width: 18px; height: 18px; margin: 0px ! important; } .play_icon { float: right; margin: 2px 2px 0 0; } .file_dropdown, .video_dropdown, .swf_dropdown, .user_dropdown { float: right; margin: 2px 2px 0 0; width: 12px; height: 12px; background: transparent url(../img/drop_down_sm.png) 0 0 no-repeat; margin: 0; padding: 0; clear: none; position: relative; top: 4px; visibility: visible; padding-left:5px; } .user_dropdown { background: transparent url(../img/drop_down_sm_r.png) 0 0 no-repeat; margin-top: 2px; margin-right: 8px; visibility: visible; } #file_list div ul li:hover a.file_dropdown, #file_list ul li:hover a.video_dropdown, #file_list ul li:hover a.swf_dropdown, #viewers_list div ul li:hover a.user_dropdown { visibility: visible; } #file_list ul li a.file_dropdown_show, #viewers_list div ul li .btn_user a.file_dropdown_show { visibility: visible ! important; } #viewers_list div ul li .btn_user a.user_dropdown_show { visibility: visible ! important; background: transparent url(../img/drop_down_sm.png) 0 0 no-repeat; } #my_files ul { overflow: hidden; display: none; } #viewers_list { width: 220px; height: auto; text-align: center; overflow: hidden; background:#292929; border-left: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; float: left; clear: left; min-height:500px;} #viewers_list div ul { clear: left; text-align: left; padding: 0; margin: 0px 0 0; height: auto; width: 220px; overflow: auto; position: absolute; bottom: 0px;top: 20px;left: 1px; } #viewers_list div ul li { list-style: none; display: block; padding: 0px 0px 0px; border-bottom: 1px solid #333; cursor: pointer; } #viewers_list div ul li:hover { background: #111 url(../img/hdr_dark.png) 50% -188px repeat-x; } #viewers_list div ul li.select { background: #111 url(../img/hdr_dark.png) 50% -188px repeat-x; } .btn_user .file_icon_sm { margin-left: 4px ! important; margin-top: 2px ! important; } .btn_user2 .file_icon_sm { margin-left: 4px ! important; margin-top: 2px ! important; } .action_dropdown { background-color: #666465; clear:both; margin:5px 0px 10px 15px; padding:5px; width: 160px; } .quicksearch { float: left; clear: left; text-align: left; height: 18px; width: 216px; margin: 2px 0px 0px 2px; padding: 0 0 0 0px; background: transparent url(../img/search_conference_bg.png) top center no-repeat; } .quicksearch label { display: none; } .quicksearch #loader { display: none; } .quicksearch input { border: none; font-size: 10px; font-style: italic; color: #777; margin-top: 1px; margin-left: 24px; width: 160px; } .quicksearch input:focus { outline: none; font-style: normal; color: #333; } .quicksearch .btn_close { width: 12px; height: 12px; background: transparent url(../img/close_sm.png) 0px 0px no-repeat; float: right; margin: 3px 6px 0 0; } .quicksearch .btn_close:hover { background-position: 0px -12px;} .actions_tip { background: black; color: #eee; border: 1px solid purple; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 160px; overflow: hidden; padding: 4px 0px; display: none; z-index: 1000; } .actions_tip li { list-style: none; cursor: pointer; text-align: left; padding: 0px 0px 0px 0px; display: block; } .actions_tip li a { display: block; padding: 6px 0px 6px 28px; color: #514aa4; text-decoration: none; } .actions_tip li a:hover, .actions_tip li a:active { color: #fff; text-decoration: none; } .actions_tip li:hover { background-color: #333 ! important; } #fileactions_tip li.file_play { background: transparent url(../img/silk/control_play.png) 6px 3px no-repeat; } #fileactions_tip li.file_copy { background: transparent url(../img/silk/link.png) 6px 3px no-repeat; } #fileactions_tip li.file_share { background: transparent url(../img/silk/arrow_right.png) 6px 3px no-repeat; } #fileactions_tip li.file_saving { background: transparent url(../img/ajax-loader-sm.gif) 6px 3px no-repeat; display: none; } #fileactions_tip li.file_unshare { background: transparent url(../img/silk/delete.png) 6px 3px no-repeat; display: none; } #fileactions_tip li.file_download { background: transparent url(../img/silk/page_save.png) 6px 3px no-repeat; } #fileactions_tip li.file_saving a { font-style: italic; color: #777; } div.viewer_actions { display:none; background: black; color: #eee; width: 100%; overflow: hidden; margin: 3px 0px 0px; padding: 0px 0px 0px; border: none; } div.viewer_actions div { list-style: none; cursor: pointer; text-align: left; padding: 4px 0px 0px; display: block; border: none; border-bottom: 1px solid #222; } div.viewer_actions div a { display: block; padding: 3px 0px 5px 46px; color: #514aa4; text-decoration: none; } #viewers_list div ul li div.viewer_actions div a:hover, div.viewer_actions div a:active { color: #fff; text-decoration: none; } #useractions_tip li.user_chat, div.viewer_actions div.user_chat { background: transparent url(../img/silk/comment.png) 24px 5px no-repeat ! important; } #useractions_tip li.user_cam, div.viewer_actions div.user_cam { background: transparent url(../img/silk/webcam_add.png) 24px 5px no-repeat ! important; } #useractions_tip li.user_host, div.viewer_actions div.user_host { background: transparent url(../img/silk/wand.png) 24px 3px no-repeat ! important; } #useractions_tip li.user_ban, div.viewer_actions div.user_ban { background: transparent url(../img/silk/cross.png) 24px 3px no-repeat ! important; } #useractions_tip li.user_saving, div.viewer_actions div.user_saving { background: transparent url(../img/ajax-loader-sm.gif) 24px 3px no-repeat; display: none; } #useractions_tip li.user_saving a, div.viewer_actions div.user_saving a { font-style: italic; color: #777; display: none; } div.viewer_actions div:hover { background-color: #222 ! important; } div.viewer_actions div:hover a { color: white ! important; } #shared_files { display: none; } #groupchat_panel { width: 100%; height: 250px;} .privatechat { width: 300px; width: 206px; display: block; } .loading_sm { width: 16px; height: 16px; background: transparent url(../img/ajax-loader-sm.gif) top left no-repeat; float: right; position: relative; top: -22px; margin-right: 6px; } #lower_tabs_conf { /*position: absolute; top: 410px;*/ } #panel_actions { width: 222px; height: auto; margin: 4px 0 1px; padding: 0; float: left; text-align: center; background: black; } #panel_actions li { margin: 0px 0px 0px 0px; list-style: none; } #panel_actions li a.btn_conf { font-size: 11px; padding: 3px 6px; width: 186px; margin: 0px auto 1px 11px; border: 1px solid #a3a3a3; } #panel_actions li a:link, #panel_actions li a:visited { background-position: 50% -10px; } #panel_actions li a:focus, #panel_actions li a:hover, #panel_actions li a:active { background-position: 50% -53px; color: white; } #logo_conf { float: left; margin: 8px 16px 0px 14px; } #end_conf { float: right; margin: 5px 14px 0px 0px; } #conference_title { float: left; margin-top: 14px; font-size: 14px; margin-left: 14px; } #conference_title span a:focus { color: white; } #host_title { font-size: 14px; padding-top: 14px; display: none; } #head_bridge_number { font-size: 12px; padding-top: 4px; line-height: 2.5em; /* for Safari */ } #netfetch { background: #111; margin-left: 16px; padding: 6px 3px; border: 1px solid #c00; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative; top: -2px; text-transform: uppercase; } #netfetch img { position: relative; top: 4px; margin-right: 8px; } #wizard { width: 400px; height: 300px; margin: 0 auto; } #video_seats { margin: 0px; padding: 0px; float: left; height: 168px ! important; overflow: hidden; } #video_seats ul { margin: 0px; padding: 0px; } #video_seats ul li { margin: 0; padding: 0; list-style: none; float: left; display: inline; } .vid_seat { width: 220px; height: 166px; border: 1px solid #999; display: block; font-size: 14px; text-align: center; background: #444; margin: 0; padding: 0; float:left; } #startGoVoip { display: none; } #showPhone, #showVoip { float: right; clear: both; } #startUnMuteAll { display: none; } #phoneCommandsHost, #phoneCommandsGuest { display: none; } #controller { width: 1px; height: 1px; } #events_list { margin: -5px 0 0; padding: 0; width: 325px; margin-left: -15px; } #events_list li { list-style: none; text-align: left; padding: 10px 5px 10px 15px; border-bottom: 1px solid #333; } .accept_request_host, .cancel_request_host { float: right; margin: -1px 6px; } /*.guestvideos{ height:165px; margin-top:-163px; background:url(../img/guestsilhouette.png) repeat-x; width:69%; margin-left:219px; }*/ .guestvideos_holder{width:1200px; float:left; display:block; margin:-165px 0px 0px 220px; } .guestvideos_holder ul{ margin:0px; padding:0px; } .guestvideos_holder li.last{display: none;} li.guestvideos{ width:220px; list-style-type:none; background:height:165px; float:left; margin-right:10px;} .firstvideo{ padding-left:22px;} /**************************************/ /* VIDEO PAGES */ /**************************************/ #uploadform #id_title, #uploadform #id_tags_string { width: 325px; height: 20px; } #uploadform #id_description { width: 325px; height: 86px; overflow: auto; } h1.items_list_top, h1.video_detail_top { text-shadow: -2px 1px #111; font-size: 18px; letter-spacing: 1px; color: white; margin: 0 0 0 39px; padding: 5px 10px; text-align: left; line-height: 1.1em; background-color: #750998; width:90%;} h1.video_detail_top { width: 325px; font-size: 15px; margin: 0px ! important; } .row1 { background: #efefef; } .row2 { background: #fff; } .row1_hilite { background: #fdd6e9; } .row2_hilite { background: #fcbae2; } table.items_list, table.messages { margin: 0 0 0px 40px; padding: 5px 0; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; } tr.items_list_def, .notices_list_def { background: #ccc url(../img/hdr_sub.png) 50% 50% repeat-x ! important; color: #333; font-size: 13px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa; } .notices_list_def { width: 849px; margin: 0 0 0 39px; padding: 1px 10px; height: 18px; } tr.items_list_def td { padding: 2px 14px 0px; line-height: 1.5em; background:#ECECEC;} tr.items_list_row td { padding: 6px 10px 4px; vertical-align: middle; text-align: center; font-size: 13px; line-height: 1.3em; } tr.items_list_row td.items_list_title { text-align: left; font-size: 12px; } .list_pagination { font-size: 14px; float: right; margin-right: 16%; color: #000; } .list_pagination a:link, .list_pagination a:visited { font-weight: bold; color: #000} .list_pagination a:focus, .list_pagination a:hover, .list_pagination a:active { color: #000} .list_bot_pagination { display: block; margin: 12px auto 0px 100px; font-size: 14px; text-align: center; margin-right: 16%; color: #605aac; } .list_bot_pagination a:link, .list_bot_pagination a:visited { font-weight: bold; color: #453f8c; } .list_bot_pagination a:focus, .list_bot_pagination a:hover, .list_bot_pagination a:active { color: #111; } table.items_list tr td a[href^="mailto:"] { background-image: none; margin: 0; padding: 0; } .paginate_dark { margin-right: 20%; color: #999; } .paginate_dark span { color: #999; } .paginate_dark a.prev { color: #999; } .paginate_dark a.page { color: #514aa4; } .paginate_dark span.pagination a:link, .paginate_dark a.next, .paginate_dark a.prev { color: #514aa4; } .notices_list_row { width: 848px; margin:0px auto; padding: 8px 10px; vertical-align: middle; text-align: left; font-size: 12px; line-height: 1.3em; border-right: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; } .notices_list_hilite { background: #fdd6e9; border-bottom: 0px solid #c7b2db; width: 851px; margin: 0 0 0 39px; padding: 8px 10px; vertical-align: middle; text-align: left; font-size: 12px; line-height: 1.3em; } .notices_checkbox { position: relative; top: 7px; } #list_search { width: 230px; height: 20px; position: relative; top: -4px; float: right; margin-right: 0px; margin-bottom: -12px; } input.list_search { font-size: 11px ! important; font-family: "Futura Medium", "Futura", "Century Gothic", AppleGothic, sans-serif; background: #ccc url(../img/search_dark.png) 2px 1px no-repeat; border: 1px solid #999; width: 150px; color: #777; margin: 3px 0 0; padding: 2px .4em 1px 20px; height: 16px; font-size: 100%; float: left; vertical-align: middle; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } input.list_search:active, input.list_search:focus { border: 1px solid #919193; outline: none; } #list_search_btn { float: left; margin: 0px 4px 0; padding: 0; background: url(../img/search_dark.png) border: none; width: 33px; height: 24px; display: inline; } .container button.list_search_btn img { width: 29px; height: 20px; margin: 0; padding: 0; } .list_button_public, .list_button_private { background: #ccc url(../img/hdr_sub.png) 50% 50% repeat-x; margin-top: 0px; padding: 0px 6px 5px; float: right; cursor: pointer; font-size: 11px; color: #333; height: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.video_details { border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; padding: 5px; width: 333px; height: 365px; overflow: auto; background: #ddd; cursor:pointer; background-color:#006; } ul.video_details_list { border: 1px solid #c7c7c7; margin: 0; padding: 5px 10px; height: 353px; background: white url(../img/bg_detailsBox.png) bottom center repeat-x; overflow: auto; } ul.video_details_list li { float: left; display: inline; overflow: auto; word-break: inherit; } li.spacer_dd { margin:10px 0 0; height: 170px; width: 95%; } #movie_expose { float: right; background: transparent url(../img/icon_lightbulb.png) top center no-repeat; width: 24px; height: 23px; padding-top: 6px; text-indent: -999px; padding: 0; margin: 6px 0px 0 0px; position: relative; left: -4px; } .edit_video_buttons { margin-top: 15px; } dl.file_details { border: 1px solid #c7c7c7; margin: 0; padding: 0px; width: 858px; height: 30px; background: white url(../img/bg_detailsBox.png) bottom center repeat-x; } dl.file_details dt { width: 0px; text-align: right; float: left; padding: 0px; font-weight: bold; color: #444; margin: 0 ! important; text-indent: -999px; overflow: hidden; } dl.file_details dd { float: left; display: inline; overflow: auto; word-break: inherit; margin: 3px 10px 0px; } #video_info, #edit_video_info { float: right; margin-right:0px; } #edit_video_info { display: none;} #rec_conf_player { clear:both; align: center; width: 900px; height: 800px; text-align:center; position:relative; z-index:10000; margin:0px auto; margin-left:-90px; margin-top:15px;} #video_player1 { clear:both; align: center; width: 750px; height: 450px; text-align:center; position:relative; z-index:10000; margin:0px auto; } .video_detail_title { font-size: 18px; padding: 10px 0px; margin-top: 8px; } .listTitle { font-size: 16px; margin: 2px 0px 3px; display: block; width:470px;} a.listTitle:link, a.listTitle:visited { color: #333; } a.listTitle:focus, a.listTitle:hover, a.listTitle:active { color: #514aa4; } #edit_items_list { border: 1px solid #c7c7c7; padding: 5px 10px; height: 353px; background: white url(../img/bg_detailsBox.png) bottom center repeat-x; overflow: hidden; } #edit_form { margin: 0 0 0 0px; padding: 0; } #edit_form label { margin: 0; padding: 0; } #edit_form input { height: 20px; } #edit_form textarea { height: 80px; overflow: auto; } #edit_form input, #edit_form textarea { margin: 0; width: 320px; } #edit_form input#id_private { display: inline; width: 40px; position: relative; top: 3px; } .privacy_lock_right { position: relative; right: 0; } img.file_icon { margin: 9px 26px 10px; } img.file_icon_75 { margin: 1px 13px 1px; float: left; } #file_player { width: 864px; height: 800px; } #netsign_player { width: 985px; height: 880px; } .items_list_thumb { float: left; margin-right: 8px; } #file_upload { display: block; } /**************************************/ /* MP3 PLAYER PAGES */ /**************************************/ #player_container { margin: 0 auto; position: relative; left: -5px; /* background-color:#eee;*/ background:transparent url(../img/controls_bg_1x48.png) top center repeat-x; width:860px; height:48px; } #player_container ul#player_controls { list-style-type:none; padding:0; margin: 0; } #player_container ul#player_controls li { overflow:hidden; text-indent:-9999px; } #player_play, #player_pause { display: block; position: absolute; left:16px; top:16px; width:16px; height:16px; cursor: pointer; } #player_play { background: url("../img/controls_player.png") 0 0 no-repeat; } #player_play.different_prefix_example_hover { background: url("../img/controls_player.png") -16px 0 no-repeat; } #player_pause { background: url("../img/controls_player.png") 0 -18px no-repeat; } #player_pause.different_prefix_example_hover { background: url("../img/controls_player.png") -18px -16px no-repeat; } #player_stop { position: absolute; left:90px; top:16px; background: url("../img/controls_player.png") 0 -34px no-repeat; width:16px; height:16px; cursor: pointer; } #player_stop.different_prefix_example_hover { background: url("../img/controls_player.png") -16px -34px no-repeat; } #player_progress { position: absolute; left:60px; top:22px; background: #aaa; width:600px; height:8px; } #player_scrub_handle { width: 15px; height: 10px; background: transparent url(../img/controls_scrub_handle_15x10.png); float: right; position: relative; display: inline; top: -23px; left: 8px; display: none; } #player_progress_load_bar { background: url("../img/controls_scrub_bar_1x8.png") top left repeat-x; width:0px; height:8px; cursor: pointer; } #player_progress_load_bar.different_prefix_example_buffer { background: url("../img/bar_buffer.gif") top left repeat-x; } #player_progress_play_bar { background: url("../img/controls_progress_bar_1x8.png") top left repeat-x; width:0px; height:8px; } #player_volume_min { position: absolute; left:680px; top:18px; background: transparent url("../img/controls_player.png") 0 -71px no-repeat; width:16px; height:16px; cursor: pointer; display: block; } #player_volume_max { position: absolute; left:782px; top:18px; background: transparent url("../img/controls_player.png") 0 -86px no-repeat; width:16px; height:16px; cursor: pointer; display: block; } #player_volume_min.different_prefix_example_hover { background: url("../img/controls_player.png") -16px -72px no-repeat; } #player_volume_max.different_prefix_example_hover { background: url("../img/controls_player.png") -16px -88px no-repeat; } #player_volume_bar { position: absolute; left:705px; top:22px; background: transparent url("../img/controls_scrub_bar_1x8.png") repeat-x top left; width:80px; height:8px; cursor: pointer; } #player_volume_bar_value { background: transparent url("../img/controls_progress_bar_1x8.png") repeat-x top left; width:0px; height:8px; } #song_title { float:left; margin:0 5px 0 0; padding:0; font-weight:bold; position: relative; top: -21px; } #play_time, #total_time { padding-top:.3em; font-weight:normal; font-style:oblique; font-size:.7em; position: relative; top: -24px; } #play_time { float:left; } #total_time { float:right; text-align: right; } /**************************************/ /* CALENDAR */ /**************************************/ div.calendar_box { float: right; margin-top: 26px; } table.calendar { /*border-collapse: separate; border: 1px solid #9DABCE; border-width: 0px 0px 1px 1px;*/ margin: 0px; font-size: 16px; } .calendar td, .calendar th { width: 55px; height: 53px; text-align: center; vertical-align: middle; background: transparent url(../img/cells.png); color: #444; position: relative; padding: 3px 0 0 4px; margin: 0px; /* font-family: "Futura Medium", "Futura", "Century Gothic", AppleGothic, sans-serif;*/ } .calendar th { height: 20px; font-size: 14px; font-weight: normal; border-width: 0px; background: transparent; color: #ccc; } .calendar td:hover, .calendar th:hover { background-position: 0px -54px; color: #453f8c; } .calendar td.date_has_event { background-position: 124px 0px; color: #fff; } .calendar td.date_has_event:hover { background-position: 124px -54px; } .calendar td.padding { background: url(../img/calpad.jpg); } .calendar td.today { background-position: 59px 0px; color: white; } .calendar td.today:hover { background-position: 59px -54px; } .calendar td a.day_link:link, .calendar td a.day_link:visited { color: black; width: 54px; height: 36px; padding: 0; margin: 0; display: block; vertical-align: middle; padding-top: 14px; } .calendar td a.day_link:focus, .calendar td a.day_link:hover, .calendar td a.day_link:active { color: #453f8c; } .calendar td.date_has_event a.day_link:link, .calendar td.date_has_event a.day_link:visited { color: #fff; } .calendar td a.day_link:focus, .calendar td a.day_link:active { text-decoration: none; } .events { position: relative; } .events ul { text-align: left; position: absolute; display: none; z-index: 1000; padding: 15px; background: #E7ECF2 url(../img/popup.png) no-repeat; color: white; border: 1px solid white; font-size: 15px; width: 200px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -border-radius: 3px; list-style: none; color: #444444; -webkit-box-shadow: 0px 8px 8px #555; } .events li { padding-bottom: 5px; } .events li span { display: block; font-size: 14px; text-align: justify; color: #545; } .events li span.title { font-weight: bold; color: #222; } .events li span.time { text-align: left; } .cal_month_title { display:inline; padding: 0.4em 4em; position:relative; top:0em; font-weight: normal; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; color: white; } .calendar_title { width: 410px; margin: -16px 0 -4px; padding: 2px 0px 0px; font-size: 12px; text-transform: uppercase; color: white; letter-spacing: 3px; text-align: center; } h2.calendar_top { width: 410px; margin: 0px 0px 0px; padding: 6px 0px 2px; background: #8a278a url(../img/hdr_purple.png) repeat-x scroll 50% 50%; text-align: center; border-top: 1px solid #9e89a4; border-bottom: 1px solid #8b8b8b; border-left: 1px solid #9e89a4; border-right: 1px solid #8b8b8b; } table.calendar_daily { width: 855px; margin: 0px 0 0px 39px; padding: 0; border: 1px solid #aaa; } .calendar_daily th { padding:53px 10px 5px; } .calendar_daily tr { border-top: 1px solid #ddd; background: transparent url(../img/bg_row_light.png) top repeat-x; } h2.calendar_daily_header { width: 836px; margin: 0 0 0 38px; padding: 5px 10px; font-weight: normal; background: #8a278a url(../img/hdr_blue.png) repeat-x scroll 50% 50%; color: white; font-size: 16px; border-top: 1px solid #aaa; border-left: 0px solid #c7c7c7; border-right: 0px solid #c7c7c7; text-align: center; } .calendar_daily_subheader { } .calendar_daily_subheader th { text-indent: -80px; font-weight: normal ! important; } td.free img { position: relative; top: 4px; } td.busy, td.busy_1, td.busy_2, td.busy_3 { background: #dff4ff; } img.calendar_daily_options { position: relative; top: 4px; } a.create_event_daily { display: block; width: 100%; height: 12px; } a.create_event_daily img { visibility: hidden; } a.create_event_daily:hover img { visibility: visible; } table.calendar_daily td { padding: 3px 0px; } table.calendar_daily td.compact { padding: 3px 8px 5px; } .calLeftLinks a { width:210px;margin-left:30px;margin-right:0px;margin-top:10px;padding: 12px 0px 11px; text-align:center; float:left; clear:left; } /**************************************/ /* DASHBOARD STYLES */ /**************************************/ a.caltag_, a.caltag_:link, a.caltag_:visited { font-size: 12px; color: #ccc; } a.caltag_1, a.caltag_1:link, a.caltag_1:visited { font-size: 16px; color: #aaa; } a.caltag_2, a.caltag_2:link, a.caltag_2:visited { font-size: 20px; color: #888; } a.caltag_3, a.caltag_3:link, a.caltag_3:visited { font-size: 24px; color: #666; } a.caltag_4, a.caltag_4:link, a.caltag_4:visited { font-size: 28px; color: #444; } a.caltag_5, a.caltag_5:link, a.caltag_5:visited { font-size: 30px; color: #555; } a.caltag_6, a.caltag_6:link, a.caltag_6:visited { font-size: 32px; color: #333; } a.caltag_7, a.caltag_7:link, a.caltag_7:visited { font-size: 34px; color: #111; } a.caltag_:hover, a.caltag_1:hover, a.caltag_2:hover, a.caltag_3:hover, a.caltag_4:hover, a.caltag_5:hover, a.caltag_6:hover, a.caltag_7:hover { color: #8a278a; } .tag_cloud { text-align:justify;line-height:2em; } a.tag_cloud_tag { margin: 0px 6px; } .dashbox_top { width: 535px; height: 37px; background: transparent url(../img/bg_dashbox_top.png) top center no-repeat; } .dashbox_bot { width: 535px; height: 37px; background: transparent url(../img/bg_dashbox_bot.png) top center no-repeat; } .dashbox { width: 435px; height: auto; overflow: auto; text-align: left; background: transparent url(../img/bg_dashbox_mid.png) top center repeat-y; padding: 10px 50px; } .launcher_title { color: #8a278a ! important; font-size: 24px; margin-top: 18px; margin-bottom: 6px; padding: 0; } .launcher_light, .launcher_dark { width: 211px; display: block; float: left; min-height: 200px; } .launcher_light { background: transparent url(../img/bg_launchtop_light.png) repeat-x top center; } .launcher_dark { background: transparent url(../img/bg_launchtop_dark.png) repeat-x top center; } .launcher_light ul, .launcher_dark ul { margin-left: 6px; } .launcher_light ul li, .launcher_dark ul li { list-style: none; height: 36px; margin-bottom:6px; display: block; } .launcher_light ul li a, .launcher_dark ul li a { color: #3e3e3e; font-size: 14px; display: block; border: 1px solid #ddd; margin-right: 12px; } .launcher_light ul li a:focus, .launcher_dark ul li a:focus, .launcher_light ul li a:hover, .launcher_dark ul li a:hover, .launcher_light ul li a:active, .launcher_dark ul li a:active { color: #8a278a; border: 1px solid #bbb; } .launcher_icon { width: 28px; text-align: center; margin-right: 5px; padding-top: 3px; float: left; clear: left; } #launcher_wrap { width: 1000px; height: 410px; background: transparent url(../img/launcher_bg.jpg) top center no-repeat; margin:0px auto; margin-left:10px; } #launcher_left { width: 316px; height: 360px; float: left; text-align:left; margin: 41px 0 0 0; padding: 0; } #launcher_left li { list-style: none; display: block; width: 312px; float: right; } #launcher_left li a { display: block; height:59px; margin-bottom:5px; } #launcher_left li a:focus, #launcher_left li a:hover, #launcher_left li a:active { text-decoration: none; } #launcher_right { width: 664px; height: 400px; float: left; } #launch1 a { background: transparent url(../img/icon_uploadbox.png) no-repeat; } #launch1 a:hover { background: transparent url(../img/icon_uploadbox.png) no-repeat 0px -64px; } #launch2 a { background: transparent url(../img/features_scheduler_b.png) no-repeat; } #launch2 a:hover { background: transparent url(../img/features_scheduler_b.png) no-repeat 0px -64px; } #launch3 a { background: transparent url(../img/features_telephony_b.png) no-repeat;} #launch3 a:hover { background: transparent url(../img/features_telephony_b.png) no-repeat 0px -64px;} #launch4 a { background: transparent url(../img/features_invite.png) no-repeat; } #launch4 a:hover { background: transparent url(../img/features_invite.png) no-repeat 0px -64px; } #launch5 a { background: transparent url(../img/netsign_but.png) no-repeat; } #launch5 a:hover { background: transparent url(../img/netsign_but.png) no-repeat 0px -64px; } .none{display:none;} /**************************************/ /* EMAIL/V-MAIL STYLES */ /**************************************/ dl.message-headers { padding: 12px 0px; } dl.message-headers dt { width: 100px; float: left; clear: left; margin: 0 ! important; padding-left: 20px; } dl.message-headers dd { margin-left: 120px; padding-right:20px; padding-bottom: 12px; } .ac_over { background: #fcbae2 url(custom-theme/images/ui-bg_glass_75_purple_1x400.png) repeat-x 50% 50%; color:#8a278a; cursor: pointer; } table.messages { width: 870px;} .vmail_status_list { position: relative; top: 2px; } div#vmail_wrapper, div#vmail_recorder { margin: 0; padding: 0; } div#attach_file_list { height: 320px; width: 100%; margin: 0px; padding: 0px; overflow: auto; } div#attach_invite_list, div#attach_netsign_list { max-height: 220px; } input.file_select { float: left; display: inline; margin: 0px ! important; padding: 0px ! important; width: 20px; } .file_select_btn { white-space: nowrap; } #file_wrapper, div#file_selector { height: 342px; width: 100%; margin: 0px; padding: 0px; } #file_wrapper, div#file_selector, div#attach_file_list, div#netsign_selector, #attach_netsign_list { margin: 0; padding: 0px; display: none; } #netsign_wrapper { height: 186px; display: none; } div#attach_netsign_list { height: 186px; overflow: auto; } ul.selected_attachments { margin: 0px ! important; padding: 0px ! important; } ul.selected_attachments li { list-style: none; background: #ccc9e1; margin: 0; padding: 6px 12px; text-align: left; display: block; } li .unattach, li .unattach_invite, li .unattach_netsign { float: right; position: relative; top: -3px; } #vmail_attachments li, #invitation_attachments li, #netsign_attachments li { width: 578px; margin: 0 auto; padding: 4px 12px; border-bottom: 1px solid #ccc; background: #ededed; display: block; overflow: auto; } #send_wrapper button { float: right; margin: 14px 24px; } #vmail_attachments li .listTitle, #invitation_attachments li .listTitle, #netsign_attachments li .listTitle { position:relative; top:5px; } .btn_vmailattach, .btn_inviteattach, .btn_netsignattach { float: right ! imoportant; margin-top: 9px; position: relative; top: 3px; } /**************************************/ /* PROFILE PAGE STYLES */ /**************************************/ .profile { margin-top: 1em; } div.friends .details { width:80px; } div.friends table tr td { padding: 0; } ul.friends { margin: 0; padding: 0; width: 254px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } ul.friends li .avatar { width: 40px; height: 40px; float:left; } ul.friends li .details { display: inline; padding-left:10px; } ul.friends li { clear:both; height: 50px; margin: 0; padding:5px; list-style: none; display: block; border-bottom: 1px solid #ccc; } /**************************************/ /* TRIBES STYLES */ /**************************************/ .task-meta { margin-top: 20px; margin-left: 20px; } /**************************************/ /* SUBSCRIPTION STYLES */ /**************************************/ ul#transaction_list { margin: 0px; padding: 0px; width: 100%; } ul#transaction_list li { list-style: none; display: block; padding: 4px 6px; } ul#transaction_list li a { display: block; font-size: 16px; } /**************************************/ /* FEATURES STYLES */ /**************************************/ .features_top { text-align: left; letter-spacing: 1px;} .features_top h1 { font-size: 24px; margin-top: 0.2em; margin-bottom: 18px; color: white; line-height: 1.4em; } .features_top p { font-size: 18px; line-height: 1.8em; margin-bottom: 0.8em; } #features_nav { border-right: 1px solid #bbb; width: 375px; float: left; } #features_nav li { list-style: none; } #features_nav li a:link, #features_nav li a:visited { color: #8c8c8c; padding: 15px 0px 15px 65px; display: block; border-left: 5px solid white; } #features_nav li a:focus, #features_nav li a:hover, #features_nav li a:active, #features_nav li a.current { color: #ffffff; border-left: 5px solid #595959; } .features_files { background: transparent url(../img/features_files.png) left center no-repeat; } .features_files:hover, .features_files.current { background: #595959 url(../img/features_files_b.png) left center no-repeat; } .features_svod { background: transparent url(../img/features_svod.png) left center no-repeat; } .features_svod:hover, .features_svod.current { background: #595959 url(../img/features_svod_b.png) left center no-repeat; } .features_desktop { background: transparent url(../img/features_desktop.png) left center no-repeat; } .features_desktop:hover, .features_desktop.current { background: #595959 url(../img/features_desktop_b.png) left center no-repeat; } .features_vmail { background: transparent url(../img/features_vmail.png) left center no-repeat; } .features_vmail:hover, .features_vmail.current { background: #595959 url(../img/features_vmail_b.png) left center no-repeat; } .features_company { background: transparent url(../img/features_company.png) left center no-repeat; } .features_company:hover, .features_company.current { background: #595959 url(../img/features_company_b.png) left center no-repeat; } .features_schedulerbut { background: transparent url(../img/features_scheduler.png) left center no-repeat; } .features_schedulerbut:hover{ background: #595959 url(../img/features_scheduler.png) left center no-repeat; } .features_schedulerbut:hover, .features_schedulerbut.current { background: #595959 url(../img/book_hover.png) left center no-repeat; } .features_webconference { background: transparent url(../img/features_webconference.png) left center no-repeat; } .features_webconference:hover, .features_webconference.current { background: #595959 url(../img/features_webconference_b.png) left center no-repeat; } .features_groupchat { background: transparent url(../img/features_groupchat.png) left center no-repeat; } .features_groupchat:hover, .features_groupchat.current { background: #595959 url(../img/features_groupchat_b.png) left center no-repeat; } .features_telephonybut { background: transparent url(../img/features_telephony.png) left center no-repeat; } .features_telephonybut:hover, .features_telephonybut.current { background: #595959 url(../img/phones_hover.png) left center no-repeat; } .features_rebrand { background: transparent url(../img/features_rebrand.png) left center no-repeat; } .features_rebrand:hover, .features_rebrand.current { background: #595959 url(../img/features_rebrand_b.png) left center no-repeat; } .features_social { background: transparent url(../img/features_social.png) left center no-repeat; } .features_social:hover, .features_social.current { background: #595959 url(../img/features_social_b.png) left center no-repeat; } .features_hd { background: transparent url(../img/features_hd.png) left center no-repeat; } .features_hd:hover, .features_hd.current { background: #595959 url(../img/features_hd_b.png) left center no-repeat; } a.features_contacts { background: transparent url(../img/features_contacts.png) left center no-repeat; padding-left: 110px ! important; } .features_contacts:hover, .features_contacts.current { background: #595959 url(../img/features_contacts_b.png) left center no-repeat; } .features_netsign { background: transparent url(../img/features_netsign.png) left center no-repeat; } .features_netsign:hover, .features_netsign.current { background: #595959 url(../img/features_netsign_b.png) left center no-repeat; } #features_content { float: right; width: 520px; } #about_what { float: right; position: relative; bottom: -75px; right: -40px; margin-top: -70px; } /**************************************/ /* CONTACT/SUPPORT STYLES */ /**************************************/ .contactLabel, #contactSubmit { clear: both; display: block; margin-top: 15px; } input.contactInput, .contactTextarea { background: #ededed; border: 1px solid #b1b1b1; font-size: 14px; } input.contactInput, .contactTextarea { width: 340px; color: #333; margin: 0px; } .contactTextarea { height: 100px; font-family: Arial, Helvetica, sans-serif; } #contactSubmit { cursor: pointer; } .error_form { margin-left: 10px; padding-left: 16px; background: white url(../img/alert.jpg) top left no-repeat; font-size: 12px; font-style: italic; color: #a00; position: relative; top: -2px; } .messageSent { font-size:12px; font-style:italic; color:#777; float: right; display: block; position: relative; top: -27px; left: -100px; } #loading { float: right; position: relative; left: -220px; margin-top: -30px; } .errorlist { top: 2.6em; } .errorlist li { display: inline; list-style: none; margin: 0px; padding-left: 16px; background: transparent url(../img/alert.jpg) center left no-repeat; font-size: 12px; font-style: italic; font-weight: bold; color: #a00; } input.warning { border-color: #a00; } /**************************************/ /* FOOTER */ /**************************************/ /* .footer { margin: 0; padding: 0; text-align: center; color: #666; } .footer li { list-style: none; float: left; font-family: "Futura Medium", "Futura", "Century Gothic", AppleGothic, sans-serif; text-transform: uppercase; } .footer li a:link, .footer li a:visited { color: #666; text-decoration: none; background-image: none; } .footer li a:focus, .footer li a:hover, .footer li a:active { color: #8a278a; } #footer_left { float: left; } #footer_right { float: right; } #footer_wrapper { width: 100%; height: 100%; background: white; font-size:13px; } .footer { margin: 15px 0 0 0; padding: 0; text-align: center; color: #adadad; } .footer ul { margin: 0; padding: 0; } .footer li { list-style: none; float: left; margin: 0; padding: 0; } .footer li a:link, .footer li a:visited { color: #adadad; text-decoration: none; background-image: none; margin: 0; padding: 0; } .footer li a:focus, .footer li a:hover, .footer li a:active { color: #474747; margin: 0; padding: 0; } #footer_left { float: left; width:420px; margin: 0; padding: 0; } #footer_left a { color:#656565; text-decoration:none; } #footer_left a:hover { color:#514aa4; text-decoration:none; } #footer_right { float: right; width:430px; margin: 0; padding: 0;text-align:right; padding-left:45px; } .footer{ clear:both; width:985px; margin:0px auto; display:block; font-size:13px; margin-top:20px;} .languages{float:left;} */ /**************************************/ /* ERROR PAGES */ /**************************************/ #four04{ width: 830px; height: 456px; background: url(../img/404_bg.png) no-repeat; margin: 0px auto; position: relative; } #four04 .sorry { text-indent: -3000px; } #four04 .netconference { position: absolute; top: 365px; left: 305px; } div.errorPanel { width: 500px; height: 353px; padding: 220px 0px 0; margin: 0px auto 20px; text-align: center; background: transparent url(../img/error_404.jpg) no-repeat; } div.errorPanel_flash { width: 500px; height: 353px; padding: 220px 0px 0; margin: 0px auto 20px; text-align: center; background: transparent url(../img/error_flash.jpg) no-repeat; } h2.purpleTitle { color: #8a278a; line-height: 1.2em; } /**************************************/ /* Jesus homepage stuff */ /**************************************/ /* self clearing rules */ .selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .selfclear { display: inline-block; _height: 1%; } /* Hides from IE-mac \*/ .selfclear { display: block; } /* End hide from IE-mac */ .video_loop{ width: 985px; height: 241px; margin: 0px auto; background: url(../img/nc_top_bg.png) no-repeat; overflow: hidden; position: relative; } #scrollable { /* required settings */ position:relative; overflow:hidden; width: 100%; height:345px; margin-left: 10px; /* margin-left: 11px; */ /*left: 253px;*/ } .cell_test{ border: 1px solid #ccc; margin: 0px 5px; float: left; width:230px; } .cell_test p{ } #scrollable .features{ clear: left; padding-top: 5px; margin: 0px auto; position:absolute; } #scrollablenew { position:relative; overflow:hidden; width: 530px; height:365px; margin-left: 10px; } #scrollablenew .features{ clear: left; padding-top: 20px; margin: 0px auto; position:absolute; } #login.cell{ /* width: 243px; height: 335px; */ /*background: url(../img/nc_home_login_bg.png) no-repeat;*/ } #loginbg{ position: absolute; left: 11px; top: 38px; /*padding: 25px 25px 22px 740px;*/ margin: 0px 0px 22px 730px; padding-top:0px; width: 241px; background: url(../img/nc_home_login_bg.png) no-repeat right top; } #signupbg{ position: absolute; left: 11px; top: 20px; padding: 35px 25px 22px 735px; width: 206px; background: url(../img/nc_home_login_bg.png) no-repeat right top; } #signup_home input{padding:1px; } #login.cell .login{ width: 200px; margin: 0px; padding: 0px; padding-left:15px; background: transparent; border: 0px; } #login.cell .hdr_fancy_sm{ padding-left: 8px; } #login.cell .login fieldset.inlineLabels{ border: 0px; padding: 0px; background: transparent; } #login.cell .login .ctrlHolder{ width: 195px; padding-bottom: 1px; padding-top: 0px; margin-bottom: 0px; } #login.cell .login .ctrlHolder.checkbox{ text-align: right } #login.cell .login .ctrlHolder.checkbox p{ margin-bottom: 10px; } #login.cell .login .ctrlHolder .textinput, #login.cell .login .ctrlHolder .passwordinput{ width: 180px; } .features .cell{ float: left; /* width: 243px; height: 335px; */ width: 188px; padding: 35px 35px 22px 20px; background: url(../img/nc_home_feature_bg.png) no-repeat center top; } .features .cell p.copy{ font-size: 12px; color: #b4b4b4; line-height: 15px; height: 100px; } .features .cell p.image{ text-align: center; } .features .cell a.learn_more{ background: url(../img/nc_learn_more_btn.gif) no-repeat; width: 81px; height: 19px; display: block; margin: 0px auto; text-indent: -3000px; } .video_loop a.join_now{ width:302px; height: 50px; background: url(../img/nc_headline_join_now.png) no-repeat; text-indent: -3000px; display: block; position: absolute; top: 180px; left: 100px; z-index: 1; cursor:pointer; } .video_loop a.play_video{ width: 169px; height: 50px; background: url(../img/nc_headline_play_video.png) no-repeat; text-indent: -3000px; display: block; position: absolute; top: 180px; left: 715px; z-index: 1; cursor:pointer; } .video_loop a.video{ width: 413px; height: 189px; text-indent: -3000px; display: block; position: absolute; top: 0px; left: 515px; z-index: 1; cursor:pointer; } .header_slideshow { z-index: 0; } .connected{ width: 245px; height: 215px; background: url(../img/nc_connected_bg.png) no-repeat; } #shadow {background-image:url(../img/shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:100;} #video_holder{ display:none; width: 760px; height: 360px; padding: 10px 10px 10px 10px ; z-index: 10000; text-align: center; margin: 0px auto; position:relative; background-image:url(../img/overlay/trans.png); cursor:pointer; /*background-image:url(../img/overlay/white.png);*/ } #video_holder .close{ background-image:url(../img/overlay/apple-close.png); background-repeat: no-repeat; position:absolute; right:0px; top:0px; cursor:pointer; height:28px; width:28px; } /* prev, next, prevPage and nextPage buttons */ a.browse { background:url(../img/scrollable/arrow/hori_large.png) no-repeat; display:block; width:53px; height:53px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; z-index: 2; display:none; } a.right { background-position: 0 0px; clear:right; margin-right: 0px; text-indent: -9999px; position: absolute; top: 140px; left: 939px; } a.rightlanding { background-position: 0 0px; clear:right; margin-right: 0px; text-indent: -9999px; position: absolute; top: 140px; left: 449px; } a.left { background-position: 0 -53px; margin-left: 0px; text-indent: -9999px; position: absolute; top: 140px; left: -18px; } /* disabled navigational button */ a.disabled { visibility: hidden ! important; } /*bottom half stuff */ .bottom_half { width: 985px; margin: 0px auto 0px auto; } .column_one, .column_two, .column_three{ float: left; } .collaborators { margin-bottom:0px; padding-bottom:0px;} .column_two { width: 459px; padding: 0px 20px; } .column_two .news{ border-top: 2px solid #e3e3e3; border-bottom: 2px solid #e3e3e3; } .news_item{ margin: 10px 0px; padding-bottom: 0px; } .news_item.bottom{ border-bottom: none; padding-bottom: 0px; } .news_item small{ color: #838383; font-size: 11px; } .column_two .quotes{ font-size:13px; text-align:center; margin-top:40px; } .column_two p{color:#535353;} .page_title{ width:300px; float:left; font-size:24px; padding-left:40px; } .results{ width:300px; float:right; font-size:18px; text-align:right; padding-right:40px; } .title_dashboard{ margin:20px 0px 20px 0px; clear:both; } .clear_div{ clear:both; } h1 .direct{padding-left:40px;} /*-------------------------- ECO FRIENDLY BLOCK --------------------------*/ #ecofriendly {width:228px; display:block; background:url(../img/eco_friendy.gif) no-repeat; height:119px; padding:0px; margin:0px;} /*-------------------------- OPPORTUNITY PAGE --------------------------*/ #opportunity {width:230px; display:block; font-size:12px; color:#474747; margin-top:0px; background:url(../img/oppor_bg.gif) no-repeat; height:195px; padding-top:20px;} #opportunity .title{ color: #434343 ! important; font-size: 18px; } #opportunity .but{ padding:5px 0px 10px 20px; text-align:center;} #opportunity .top{width:230px; height:13px;} #opportunity .middle{width:178px; padding:0px 15px 0px 25px; } #opportunity .middle p{ font-size:14px; } #opportunity .bottom{width:230px;height:13px;} #opportunity_page {width:850px; display:block; font-size:12px; line-height:22px; color:#8c8c8c; margin:0px auto;} #opportunity_page .right{ float:right;} #opportunity_page li { font-size:12px; line-height:22px; color:#8c8c8c; padding-left:0px; list-style-type:none;} #opportunity_page .leftpanel{width:350px; float:left;} #opportunity_page .leftpanel p{ font-size:12px; line-height:22px; color:#8c8c8c; padding:10px 0px 10px 0px;} #opportunity_page p.purpletext{font-size:12px; font-weight:bold; line-height:22px; color:#8801a8;} #opportunity_page .rightpanel{width:450px; float:right; font-size:12px; line-height:22px; color:#8c8c8c;} #opportunity_page .rightpanel p{ font-size:12px; line-height:22px; color:#8c8c8c; padding:20px 0px 20px 0px;} .clear{clear:both;} .borbot{border-bottom:1px solid #dddddd; line-height:12px; font-size:12px;} .meter_icon{width:60px; height:60px; float:left;} .meter_title{width:500px; float:left; font-weight: bold; color:#454545; line-height:60px;} .meter_content{width:90%; margin:0px auto; } .borbot{border-bottom:1px solid #dddddd; line-height:12px; font-size:12px;} .meter_icon{width:60px; height:60px; float:left;} .meter_title{width:500px; float:left; font-size:18px; color:#454545; line-height:60px;} .meter_content{width:90%; margin:0px auto; } #usagemeter{width:604px; margin:0px auto; font-family:Arial, Helvetica, sans-serif;} .theadbg{background:url(../images/thead_bg.jpg) repeat-x;} .greyborder{border:1px solid #DDDDDD;} .greybotbor{border-bottom:1px solid #DDDDDD; line-height:22px;} .greybotbor_cat{border-bottom:1px solid #DDDDDD; line-height:18px; padding-left:36px;} .meterheading_headings{font-size: 13p; line-height:18px; margin-left:40px; } .meter_icon{float:left; } /*-------------------------- VIDEO PAGE STYLES --------------------------*/ img{border:0px;} .imgright{float:right; margin-right:27px;} .video_container{width:985px; margin:0px auto; padding-top:3px;} .video_topmenu{width:975px; margin:0px auto; height:32px; /*background:url(../img/video_menubg.gif) repeat-x; */margin-top:15px;} .video_topmenu .left{width:13px; height:32px; float:left;/* background:url(../img/video_topmenubg.gif);*/} .video_topmenu .middle{ width:985px; /*background:url(../img/video_menubg.gif);*/ } .video_topmenu .right{width:13px; height:32px; float:right;/* background:url(../img/video_topmenubg.gif) -8px 0px;*/} .video_title{ width:300px; float:left; text-align:left; font:bold 15px Arial, Helvetica, sans-serif; color:#FFF; line-height:32px; padding-left:20px;} .video_buttons{ width:650px; float:right; text-align:left; font:bold 15px Arial, Helvetica, sans-serif; color:#FFF; line-height:32px; margin-top:10px;} .show_videocontent{width:960px; display:block; min-height:50px;} .show_videocontent .left{width:400px; display:block; float:left; text-align:left; padding-left:20px;} .show_videocontent .right{width:400px; display:block; float:left; text-align:left;} .download_but{width:106px; height:20px; float:right; background:url(../img/download_videomenu.gif) no-repeat; cursor:pointer; margin-bottom:5px;} .download_but:hover{width:106px; height:20px; float:right; background:url(../img/download_videomenu.gif) no-repeat 0 -20px; } .deletevideo_but{width:106px; height:20px; float:right; background:url(../img/delete_videomenu.gif) no-repeat; cursor:pointer; margin-bottom:5px;} .deletevideo_but:hover{width:106px; height:20px; float:right; background:url(../img/delete_videomenu.gif) no-repeat 0 -20px; } .editdetails_but{width:106px; height:20px; float:right; background:url(../img/edit_videomenu.gif) no-repeat; cursor:pointer; margin-bottom:5px;} .editdetails_but:hover{width:106px; height:20px; float:right; background:url(../img/edit_videomenu.gif) no-repeat 0 -20px;} .send_but{width:106px; height:20px; float:right; background:url(../img/send.gif) no-repeat; cursor:pointer; margin-bottom:5px;} .send_but:hover{width:106px; height:20px; float:right; background:url(../img/send.gif) no-repeat 0 -20px;} .moreinfo_but{width:106px; height:20px; float:right; background:url(../img/moreinfo.gif) no-repeat; cursor:pointer; margin-bottom:5px;} .moreinfo_but:hover{width:106px; height:20px; float:right; background:url(../img/moreinfo.gif) no-repeat 0 -20px; } .dim_but{width:106px; height:20px; float:right; background:url(../img/dim_but.gif) no-repeat; cursor:pointer; margin-bottom:5px;} .dim_but:hover{width:106px; height:20px; float:right; background:url(../img/dim_but.gif) no-repeat 0 -20px; } .video_description{ font:14px Arial, Helvetica, sans-serif; color:#FFF; line-height:20px; text-align:left; } .video_description .leftpanel{ width:340px; font:12px Arial, Helvetica, sans-serif; color:#C6C6C6; line-height:14px; text-align:left; float:left; margin:10px 20px 10px 5px;} .videostatus{ font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:20px;} .sharevideo{ font:13px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; } .sharevideo a{ font:13px Arial, Helvetica, sans-serif; color:#FFF; text-decoration: none;} .sharevideo a:hover{ font:13px Arial, Helvetica, sans-serif; color:#63C; text-decoration:none; } .upload_name{ font:bold 14px Arial, Helvetica, sans-serif; line-height:20px; text-decoration:none;} .upload_name a{ font:bold 14px Arial, Helvetica, sans-serif; line-height:20px; text-decoration:underline;} .upload_name a:hover{ font:bold 14px Arial, Helvetica, sans-serif; color:#63C; line-height:20px; text-decoration:underline;} .video_description .middlepanel{ width:460px; font:14px Arial, Helvetica, sans-serif; color:#FFF; line-height:20px; text-align:left; float:left; margin:40px 0px 10px 0px;} .video_description .rightpanel{ width:140px; font:14px Arial, Helvetica, sans-serif; color:#FFF; line-height:20px; text-align:left; float:left; margin:10px 0px 10px 0px; } .video_holder{width:720px; margin:0px auto; text-align:center;} .videocontent_holder{ clear:both;width:985px; margin:0px auto; font:12px Arial, Helvetica, sans-serif; color:#696969; margin-bottom:20px;} .videocontent_holder p{ font:12px Arial, Helvetica, sans-serif; color:#696969; margin:0px; padding:0px 0px 30px 0px;} .videoleftpanel{width:400px; float:left;} .videoleftpanel a{ color:#FFF; text-decoration:underline;} .videoleftpanel a:hover{ color:#639; text-decoration:underline;} .videorightpanel{width:555px; float:left; } .addcomment{width:374px; height:251px; display:block; background:url(../img/add_comment_bg.gif) no-repeat; border:0px; margin:0px; padding:0px; padding-top:40px; padding-left:6px;} .addcomment .nobor{ margin:0px auto; border:0px; padding:10px; width:340px; height:210px;} .hrbold{background:#d4d4d4; height:2px; border:0px; margin:0px; padding:0px;} .comment_block{ border-bottom:1px solid #dddddd; padding-top:15px;} .comment_heading{ font:bold 14px Arial, Helvetica, sans-serif; color:#696969; line-height:24px; } .commentor_heading{ font:bold 12px Arial, Helvetica, sans-serif; color:#696969; float:left;} .time{ font:bold 12px Arial, Helvetica, sans-serif; color:#696969; float:right;} .rating{ clear:both; display:block; padding:10px 0px 10px 0px;} .search_block{text-align:right; margin:0px; padding:0px; } .search_block .searchfield{ width:149px; background:#DDDDDD; border:0px; font:bold 12px Arial, Helvetica, sans-serif; color:#8D8D8D; margin:0px; padding:0px; height:18px; } .go_btn{ width:36px; height:21px; border:0px; background:url(../img/go_but.png) no-repeat;} /*-------------------------- DASHBOARD ADDITIONAL STYLES --------------------------*/ .myhomepage{width:500px; margin:0px auto;} .meter_container{ clear:both; width:985px; display:block; border:1px solid #bababa; margin-left:15px;} .ver_border{ background:url(../img/greypixel.png) repeat-y;} .data_border{ margin:0px; padding:0px; font-size:11px ; } .data_border table{margin:0px; padding:0px;} .data_border p{ text-align:left; line-height:14px; margin:0px; padding:0px;} .data_border p.category{ text-align:left; line-height:24px; margin:0px; padding:0px;} .data_border td{margin:0px; padding:0px 3px 0px 3px; height:18px; vertical-align:top; text-align:center;} .data_border tr{margin:0px; padding:0px;} .data_border th{margin:0px; padding:0px;} .data_border tbody{margin:0px; padding:0px;} .headbg{background:url(../img/thead_meter.png) repeat-x; height:24px; font-size:11px; color:#464646; line-height:24px;} .usage_heading{font-size:13px ;color:#464646; float:left; padding-left:10px; line-height:23px; font-weight:bold; } .start_date{font-size:10px;} .hori_border{border-bottom:1px solid #d0d0d0;} .category{ text-align:left;} .bottom_container{ clear:both; width:985px; display:block; margin:0px; padding:0px; margin-left:15px; margin-top:-35px;} .metericon{width:60px; height:50px; float:left;} .metercontent{width:140px; float:left; line-height:14px;} .upgradeicon{width:90px; height:30px; float:left; padding-top:10px;} .upgradecontent{width:110px; height:40px; float:left;} /*-------------------------- LANDING PAGE --------------------------*/ .tagline{ margin:0px auto; font-size:22px; font-weight:bold; line-height:20px; color:#78099c; text-align:center; padding:10px 0px 0px 0px; } div.landing{font:15px "Futura", "Futura Medium", "Century Gothic", AppleGothic, sans-serif; line-height:20px; color:#4a4a4a; text-align:center; padding:3px 0px 0px 0px; width:900px; margin:0px auto; height:120px;} p.landing{font:16px "Futura", "Futura Medium", "Century Gothic", AppleGothic, sans-serif; line-height:20px; color:#4a4a4a; text-align:center; padding:3px 0px 0px 0px;} p.landingbold{font:bold 14px "Futura", "Futura Medium", "Century Gothic", AppleGothic, sans-serif; line-height:20px; text-align:center; color:#4a4a4a;} .landing_container{width:985px; margin:0px auto; display:block; margin:0px; padding:0px; margin-top:-35px;} .landing_container .scroll_features{width:530px; margin:0px auto; display:block; float:left; } .landing_container .signup_form{width:390px; height:280px; margin:0px auto; display:block; float:right; margin-right:15px; background:url(../img/landing_signupbg.png) no-repeat; padding:20px; color:#656565; line-height:24px; margin-top:30px; } .landing_container .signup_formsign{width:300px; height:280px; margin:0px auto; display:block; float:right; margin-right:15px; background:url(../img/landing_signupbg.png) no-repeat; padding:20px; color:#656565; line-height:24px; margin-top:30px; } .formfields{ width:190px; float:left; padding:5px 0px 15px 5px;} .formfields .textfield{ width:170px; float:left;} .signup_title{font-size:18px ; line-height:20px; color:#78099c; padding-left:5px;} .submit_block{ text-align:right; padding-right:10px;} .submit_button{width:142px; height:37px; background:url(../img/submit_btn.png) no-repeat; border:0px; cursor:pointer; } .submit_button:hover{width:142px; height:37px; background:url(../img/submit_btn.png) no-repeat 0px -37px; border:0px; } /*-------------------------- PROJECTS PAGE --------------------------*/ #projects_name{width:985px; margin:0px auto; display:block; } /*#projects_name div{ margin:0px; padding:0px; }*/ #projects_name form{ margin:0px; padding:0px; } #projects_name #left_buttons{width:245px; display:block; float:left; margin:40px 0px 0px 0px;} #projects_name #leftbuttons{width:245px; display:block; float:left; margin:30px 0px 0px 0px;} #projects_name #right_texteditor{width:685px; display:block; float:right; margin:10px 10px 0px 0px; border:2px solid #FFF; padding:5px 10px 5px 10px;} #projects_name #right_texteditor textarea{width:685px; height:50px; background-color:#FFF; padding:0px; margin:0px; margin-right:10px; margin-bottom:5px;} .replybut{width:75px; height:25px; background:url(../img/reply_but.png) no-repeat; border:0px; cursor:pointer; margin-right:3px;} .replybut:hover{width:75px; height:25px; background:url(../img/reply_but.png) no-repeat 0px -25px; border:0px; cursor:pointer;margin-right:3px;} .right{ padding-left:5px;} .clearentry{float:right; } .leftalign{float:left; padding-right:5px;} .joinconf_but{width:233px; height:47px; background:url(../img/project_buttons.png) no-repeat 0px -99px; border:0px; cursor:pointer; margin-bottom:10px; } .joinconf_but:hover{width:233px; height:47px; background:url(../img/project_buttons.png) no-repeat 0px -150px; border:0px; } .project_but{width:233px; height:47px; background:url(../img/project_buttons.png) no-repeat 0px 0px; border:0px; cursor:pointer; } .project_but:hover{width:233px; height:47px; background:url(../img/project_buttons.png) no-repeat 0px -50px; border:0px; } #project_block a { } .project_title{font-size:13px ; font-weight:bold; line-height:26px; color:#ffffff; padding-left:15px; background:url(../new/images/bg_files_bar.png) repeat;} .project_title a { color:#ffffff; } #project_detail{ margin:10px 0px 30px 0px; clear:both; } .dashed_border{ border-bottom:1px dashed #CCC; padding:5px 0px 40px 0px;} .parent_comment{width:680px; display:block; padding:10px;} .reply_comment{width:530px; display:block; margin:10px; margin:0px auto;} .reply_comment img{ float: left; padding:5px 15px 5px 0px;} .reply_comment ul{ list-style-type:none; background-color:#f0f0f0; min-height:50px; padding:10px;} .reply_but{ float:right; padding:5px 0px 0px 0px;} #projects_base{width:985px; margin:0px auto; display:block;} #projects_base #left_navi{width:245px; display:block; float:left; margin:0px; padding:0px} #projects_base #right_content{width:705px; display:block; float:right;} #right_content li{ margin:0px; padding:0px;} .items_list_projects{} .items_list_project .row1 { background: #efefef; text-align:left; } .items_list_project .row2 { background: #fff; text-align:left; } #projects_base #left_navi ul{ font-size:16px; font-weight:bold; color:#FFF; margin:0px; padding:0px;} #projects_base #left_navi li{ font-size:12px; font-weight:normal; margin:0px; padding:0px; } #projects_base #left_navi li a{ list-style-type:none; font-size:12px; font-weight:normal; margin:0px; padding-left:15px;} #projects_base #left_navi li a:hover{ list-style-type:none; font-size:12px; font-weight:normal; margin:0px; } .avatarcomment{float:left; padding:18px 10px 0px 0px; height:100px; } .commentor_pic{float:left; padding:18px 10px 0px 0px; height:100px;width:50px; } .pro_white{background:url(../img/projects_whitelist.gif) no-repeat left top; width:243px;list-style-type:none; color:#333; height: 24px;} .pro_white a{background:url(../img/projects_whitelist.gif) no-repeat left top; width:243px; font-size: 13px; line-height:24px; list-style-type:none; color:#333;valign:middle;margin-left:15px;margin-bottom:5px;} .pro_white a:hover{ width:243px; line-height:24px; list-style-type:none; color:#000;} .pro_grey{background:url(../img/projects_greylist.gif) no-repeat left top; width:243px; list-style-type:none; color:#333; height: 24px;} .pro_grey a{background:url(../img/projects_greylist.gif) no-repeat left top; width:243px; font-size: 13px; line-height:24px; list-style-type:none; color:#333;valign:middle;margin-left:15px;margin-bottom:5px;} .pro_grey a:hover{ width:243px; line-height:24px; list-style-type:none; color:#000;} li.currentproject{background:url(../new/images/bg_files_bar.png) repeat left top; width:230px; line-height:24px; list-style-type:none; color:#333;font-size:14px ; line-height:26px; color:#ffffff; font-weight:bold; display:block; padding-left:20px; } li#participants{background:url(../img/grey_titlebg.jpg) repeat-x; width:220px; line-height:24px; list-style-type:none;font-size:16px; font-weight:bold; color:#FFF; margin-right:22px;} .create_project{width:800px; margin:0px auto; display:block;} .create_project #hint_id_slug{ float:right; margin-top:-35px; font-size:10px; line-height:14px; width:200px;} .base_project{ clear:both; width:670px; display:block; padding:8px 10px 8px 20px; border-bottom:1px dashed #CCC; font-size:13px; color:#535353; } #project_form { width:780px; margin:0px auto; text-align:left;} #project_form label{ display:inline; width:250px; float:left;} .base_project div { margin:0px; padding:0px;} .base_project p{ margin:0px; padding:0px;} .base_project form{ margin:0px; padding:0px;} .base_project .left{width:480px; display:block; float:left;} .base_project .right{width:160px; display:block; float:right; text-align:right;} .project_individual{width:670px; display:block; padding:0px 10px 0px 20px; border-bottom:1px dashed #CCC;} .greytext{ font-size:13px; color:#9f9f9f; text-decoration:none; } .comment_name{ font-size:13px; font-weight:bold; color:#414141; text-decoration:none; } .comment_desc{ font-size:13px; color:#535353; text-decoration:none; line-height:16px; } .comment_description{ font-size:13px; color:#535353; text-decoration:none; line-height:16px;} .set_icon{float:right; margin:4px 5px 4px 0px;} .rightpad{padding-right:10px;} #projectadduser table td {vertical-align: middle;} #addusers{width:700px; margin:0px auto; } .selector .filtered {width: 220px;} .selector h2{font-size:14px; font-weight:bold; color:#FFF; background:url(../img/title_bg.jpg) repeat-x; line-height:26px; margin:0px; padding:0px; padding-left:10px; } .selector .selector-available {width: 240px;float:left;} .selector .selector-chooser {width: 70px;float:left; padding-top:140px;} .selector .selector-chooser ul { list-style-type:none;} .selector .selector-chooser li { list-style-type:none;} .selector .selector-chooser li .selector-add { height:16px; } .selector .selector-chooser li .selector-remove { height:16px; } .selector .selector-chosen {width: 240px;float:left;} .selector #id_user_from {width:240px; padding:5px; height:300px;} .selector #id_user_to {width:240px; padding:5px; height:300px;} .selector .selector-filter { background-color:#f6f6f6; margin:0px; padding:0px; padding:5px 0px 5px 10px; height:26px;} p.selector-filter{ margin:0px; padding:0px;} .text_button{background:#FFF; border:0px; color:#3f397f; text-decoration:underline;} .text_button:hover{background:#FFF; border:0px; color:#000; text-decoration:underline;} .buttontooltip ul { text-align: center; position: relative; display: none; z-index: 1000; padding: 5px 20px 5px 20px; background: #E7ECF2 url(../img/popup.png) no-repeat; color: white; border: 1px solid white; font-size: 11px; width: 130px; -moz-border-radius: 3px; -khtml-border-radius: 3px;-webkit-border-radius: 3px; -border-radius: 3px; list-style: none; color: #444444; -webkit-box-shadow: 0px 8px 8px #555; margin:0px 0px 0px 160px; line-height:14px; margin-top:65px;} .buttontooltip li { padding-bottom: 5px;font-size: 11px;} .buttontooltip li span {display: block;font-size: 11px;text-align: justify; color: #545;} .buttontooltip li span.title {font-weight: bold;color: #222;} .buttontooltip li span.time { text-align: left; } .mar_bottom{margin-top:10px;} .new_label{width:500px; margin:0px auto;} .profile_buttons{ width:160px; float:right;} h1.signuptext{font-size:18px; text-align:center; line-height:24px;} p.center{text-align:center;} .aboutus_pages {width:850px; display:block; margin:0px auto;} #aboutus_pages {width:850px; display:block; margin:0px auto;} #aboutus_pages h3{font-family: Arial, Helvetica, sans-serif; font-size: 18px;color: #8a278a; font-weight:500; padding:10px 0px 0px 0px; } #aboutus_pages h4{font-family: Arial, Helvetica, sans-serif; font-size: 14px;color: #8a278a; font-weight:600; } /*-------------------------- HOMEPAGE MODIFICATIONS --------------------------*/ .grey{color:#515151;} .hometagline{ margin:0px auto; font-size:22px; font-weight:bold; line-height:20px; color:#3b3b3b; text-align:center; padding:12px 0px 0px 0px; } .hdr_fancy_sm { color: #515151 ! important; font-size: 18px; } .purp_quote{color: #536895; font-size: 13px; font-weight:bold; text-decoration: none;} a.purp_quote_a{color: #536895; font-size: 13px; font-weight:bold; text-decoration: none;} p.quote{ font-size: 13px; line-height:17px; } p.nomar{margin:0px; padding:0px;} .tryit{width:140px; height:36px; border:0px; background:url(../img/tryitforfree.png) no-repeat; cursor:pointer; margin-left:50px; } .tryit:hover{width:140px; height:36px; border:0px; background:url(../img/tryitforfree.png) no-repeat 0px -38px; } /*-------------------------- TURN ON AND OFF LIGHTS IN VIDEO PAGE --------------------------*/ #movie {border:solid 1px #dcdcdc; float:left; width:560px; text-align:left; margin-right:20px;} #description { float:left; width:320px;border:solid 1px #dcdcdc; padding: 10px 20px;} #command { position:relative; height:25px; display:block; margin: 25px 0 0 0;} .lightSwitcher {position:relative; z-index:101; background-image:url(../images/light_bulb_off.png);background-repeat:no-repeat; background-position:left; outline:none; text-decoration:none; color:#FFF; float:right; margin-top:50px; padding:0px 0px 0px 20px; margin-left:-415px;} .lightSwitcher:hover {text-decoration:underline; color:#FFF;} #shadow {background-image:url(../images/shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:100;} .turnedOff {color:#ffff00; background-image:url(../images/light_bulb.png);} #clickHere {position:absolute; top: -25px; left:130px;} /*-------------------------- POPUP ON CONFERENCE UI --------------------------*/ #fade { display: none;background: #000; position: fixed; left: 0; top: 0; z-index: 10;width: 100%; height: 100%;opacity: .80; z-index: 9999;} .popup_block{ display: none; background: #000000;border: 0px solid #000;float: left;font-size: 1.2em;position: fixed;top: 30%; left: 60%;z-index: 99999; -webkit-box-shadow: 0px 0px 0px #000; -moz-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;padding: 0px; margin-bottom:20px;} img.btn_close { float: right; margin: -55px -55px 0 0;} .fullscreenaa{ display:block; margin:0px auto;} img.btn_close { float: right; margin: -55px -55px 0 0;} .popup p { padding: 5px 10px; margin: 5px 0;} /*--Making IE6 Understand Fixed Positioning--*/ *html #fade { position: absolute;} *html .popup_block { position: absolute;} /*-------------------------- FILES PAGE --------------------------*/ .filesholder{width:300px; float:left; display:block; background-color:#039;} h1.uni_form_myfiles { width: 580px; background: #453f8c url(../img/hdr_blue.png) repeat-x scroll 50% 50%; text-shadow: -2px 1px #111; font-size: 18px; letter-spacing: 1px; color: white; border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; border-left: 0px solid #c7c7c7; border-right: 1px solid #c7c7c7; margin: 0 0 0 0px; padding: 5px 11px; line-height: 1.1em; } h1.uni_form_filter { background: #453f8c url(../img/hdr_blue.png) repeat-x scroll 50% 50%; text-shadow: -2px 1px #111; font-size: 18px; letter-spacing: 1px; color: white; border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; border-left: 0px solid #c7c7c7; border-right: 1px solid #c7c7c7; margin: 0 0 0 0px; padding: 5px 11px; line-height: 1.1em; } h1.uni_form_filter_small { background: #453f8c url(../img/hdr_blue.png) repeat-x scroll 50% 50%; text-shadow: -2px 1px #111; font-size: 18px; letter-spacing: 1px; color: white; border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; border-left: 0px solid #c7c7c7; border-right: 1px solid #c7c7c7; margin: 0 0 0 0px; padding: 5px 11px; line-height: 1.1em; } .files_main{width:900px; margin:0px auto;} .files_main .left{width:600px; float:left; } .files_main .right{width:270px;float:right; margin-top:10px; } .files_main .right .tags{padding:10px;} .files_main table, td, tr, list {margin:0px; padding:0px; line-height:18px;} .files_main .newtitle{background:url(../img/heading2_bg.gif); line-height:22px; font-size:12px;border-left:1px solid #C7C7C7; border-right:1px solid #C7C7C7; padding:0px; border-top:1px solid #C7C7C7; padding:0px; padding-left:5px; } .files_main td{margin:0px; padding:0px; font-size:12px; padding:10px 0px 10px 0px;} .filetype{width:70px; line-height:18px; text-align:center; vertical-align:middle;} .filetitle{ line-height:18px; text-align:left; vertical-align:middle;} .filetitle a{padding-left:5px;} .privacy{width:60px; line-height:18px; text-align:center; vertical-align:middle;} .views{width:60px; line-height:18px;text-align:center; vertical-align:middle;} .length{width:60px; line-height:18px;text-align:center; vertical-align:middle;} .date{width:60px; line-height:18px;text-align:center; vertical-align:middle;} .datenowidth{line-height:18px;text-align:center; vertical-align:middle;} .view{width:60px; line-height:18px;text-align:center; vertical-align:middle;} .download{ width:70px; line-height:18px;text-align:center; vertical-align:middle;} .switch {} .altrowa{background-color:#FFF; border-left:1px solid #C7C7C7; border-right:1px solid #C7C7C7; border-bottom:1px solid #C7C7C7; } .altrowb{background-color:#ECECEC; border-left:1px solid #C7C7C7; border-right:1px solid #C7C7C7; border-bottom:1px solid #C7C7C7; } .altrowc{background-color:#FFF; border-left:1px solid #C7C7C7; border-right:1px solid #C7C7C7; border-bottom:1px solid #C7C7C7; } .browse ul{margin:0px; padding:0px;} .browse li{ list-style-type:none; margin:0px; padding:0px; line-height:24px;} .browse li a{ color:#333; line-height:19px;} .browse li a:hover{ color:#639;} .browse li.current{background:url(../img/li_current.png) no-repeat 0px 0px; line-height:19px; color:#FFF; padding-left:5px; margin-left:5px;} .browse li.current a {color:#FFF; } .file_border{ } /*-------------------------- SIGN UP PAGE --------------------------*/ .topcontent{width:900px; display:block; margin:0px auto; } .bottom_content{width:900px; display:block; margin:0px auto; } .marleft{margin-left:40px;} .sign_wrapper{width:860px; display:block; margin:0px auto; } .sign_wrapper .featureslist{width:430px; display:block; float:left; } .listbg{width:412px; height:393px; background:url(../img/features_list.gif) no-repeat;} .listbg ul{ padding-top:25px; } .listbg li{ padding-left:35px; line-height:34px; list-style-type:none;} .sign_wrapper .signupholder{width:430px; display:block; float:right; } .signuppage {display:block;} #signup_form{float:left; margin-left:20px;} h1.uni_form_headersignup { width: 290px; background: #453f8c url(../img/hdr_blue.png) repeat-x scroll 50% 50%; text-shadow: -2px 1px #111; font-size: 18px; letter-spacing: 1px; color: white; border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; border-left: 0px solid #c7c7c7; border-right: 1px solid #c7c7c7; margin: 0 0 0 20px; padding: 5px 11px; line-height: 1.1em; } h1.uni_form_headerfeatures { width: 290px; background: #453f8c url(../img/hdr_blue.png) repeat-x scroll 50% 50%; text-shadow: -2px 1px #111; font-size: 18px; letter-spacing: 1px; color: white; border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; border-left: 0px solid #c7c7c7; border-right: 1px solid #c7c7c7; margin: 0 0 0 0px; padding: 5px 11px; line-height: 1.1em; } /*-------------------------- STORES PAGES --------------------------*/ .innercontent_block{width:900px; margin:0px auto; padding-top:10px; padding-bottom:10px;} .innercontent_block h1.title { font-size: 18px; letter-spacing: 1px; color: #666; line-height: 1.1em; font-weight:bold; padding-bottom:10px; } .innercontent_block tabel, tr, td { margin:0px; padding:0px; } h1.store_title{width: 870px; background: #453f8c url(../img/hdr_blue.png) repeat-x scroll 50% 50%; text-shadow: -2px 1px #111; font-size: 18px; letter-spacing: 1px; color: white; border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; border-left: 0px solid #c7c7c7; border-right: 0px solid #c7c7c7; padding: 5px 10px 5px 15px; text-align: left; line-height: 1.1em; font-size:18px; color:#FFF; margin:0px; } h1.categoty_title{ background: #453f8c url(../img/hdr_blue.png) repeat-x scroll 50% 50%; text-shadow: -2px 1px #111; font-size: 18px; letter-spacing: 1px; color: white; border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; border-left: 0px solid #c7c7c7; border-right: 0px solid #c7c7c7; padding: 5px 10px 5px 15px; text-align: left; line-height: 1.1em; font-size:18px; color:#FFF; margin:0px; } .category_list{width:240px; float:left; } .store_products{width:640px; float:right;} table.items_listsell, table.messages { margin: 0 0 0px 40px; padding: 0px 0; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; width:870px;} .items_list_row ul{margin:0px; padding:10px 0px 10px 0px; } .items_list_row ul li{margin:0px; padding:0px; list-style-type:none; line-height:30px;} .store_products ul{margin:0px; padding:0px; } .store_products ul li{margin:0px; padding:0px; list-style-type:none; float:left;} tr.items_list_def, .notices_list_def { background: #ccc url(../img/hdr_sub.png) 50% 50% repeat-x ! important; color: #333; font-size: 13px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa; } .notices_list_def { margin: 0 0 0 39px; padding: 1px 10px; height: 18px; } tr.items_list_def td { padding: 2px 14px 0px; line-height: 1.5em; } tr.items_list_def td a { color: white; } tr.items_list_row td { padding: 6px 10px 4px; vertical-align: middle; font-size: 13px; line-height: 1.3em; } tr.items_list_row td.items_list_title { text-align: left; font-size: 12px; } .leftalign{text-align:left; vertical-align:middle; margin-top:10px;} .centeralign{text-align:center;} #content_container tr.items_list_def td ul li {color:#707070;} #content_container tr.items_list_def td ul li a {color:#707070;} #content_container tr.items_list_def td ul li a:hover {color:#8A278A;} #content_container tr.items_list_def td ul li.current a{font-weight:bold;color:#8A278A;} h1.size18{font-size:18px; line-height:18px; padding-bottom:10px;} h1.size14{font-size:14px; line-height:18px; margin-bottom:0px;} h1.size16{font-size:16px; line-height:18px; margin-bottom:0px; line-height:40px;} .pro_bound{width:132px; height:222px; border:3px solid #E3E3E3; padding:5px; margin-left:10px; margin-bottom:10px; text-align:center;} .cart_but{width:125px; height:25px; border:0px; background-image:url(../img/addtocart_button.png); background-repeat:no-repeat; display:block; margin-left:5px; } .cart_but:hover{width:125px; height:30px; border:0px; background-image:url(../img/addtocart_button.png); background-repeat:no-repeat; background-position:0px -30px; display:block; margin-left:5px;} .catname{font-size:12px; line-height:12px;} .none{display:none;} .items_list_top_fullview { background: #453f8c url(../img/hdr_blue.png) repeat-x scroll 50% 50%; text-shadow: -2px 1px #111; font-size: 18px; letter-spacing: 1px; color: white; border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; border-left: 0px solid #c7c7c7; border-right: 0px solid #c7c7c7; margin: 0 0 0 20px; padding: 5px 10px; text-align: left; line-height: 1.1em; display:block;} .notices_list_row_fullview { margin:0px auto; padding: 8px 10px; vertical-align: middle; text-align: left; font-size: 12px; line-height: 1.3em; border-right: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; margin: 0 0 0 20px;border-bottom: 1px solid #c7c7c7;} table.items_listsellfullview, table.messagesfullview { margin: 0 0 0px 10px; padding: 0px 0; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7;border-top: 1px solid #c7c7c7; } .stage_one{width:130px; float:left; margin-right:10px;} .stage_two{width:130px; float:left; margin-right:10px;} .stage_three{width:130px; float:left; margin-right:10px;} .stage_four{width:460px; float:right; margin-right:10px;} .stage_five{width:160px; float:left; } .tabs_holder{width:750px; float:right; } #id_description{margin-left:0;} .tab_borders{ border-left:1px solid #C7C7C7;border-right:1px solid #C7C7C7;} .bor_bot{border-bottom:1px solid #C7C7C7; text-align:left; padding-left:10px;} a.tagtitle{font:14px; background:#EBEBEB; margin-left:5px; padding:3px;} a.tagtitle:hover{font:14px; background:#9D009C; padding:3px; color:#FFF;} .tags_container{width:255px; margin-top:5px; margin-left:20px;} .initcap { text-transform:capitalize;} h1.alc{text-align:center;font-size:18px; line-height:18px; padding-bottom:10px;} #vmail_player{ width:320px; height:240px; margin:0px auto; margin-top:10px; border:10px solid #000;} #breadcrumbs { margin-top:10px; } #breadcrumbs li { font-size:14px; display: inline; } #breadcrumbs li a {padding-right:30px; background:url(../img/breadcrumb_bg.png) right bottom no-repeat; } ul.stage_indicators{display: inline; padding-left:70px;} li.stage_indicators{display: inline; text-align:center; vertical-align:middle;} li.stage_indicators .arrow{padding-bottom:100px;} .comment_textarea{width:350px; margin-top:20px;} .bull{ width:10px; margin:0px; padding:0px; text-align:center;} .video{width:300px; height:200px; display:block; z-index:-99; background:url(../img/bgtrans.png) no-repeat;} .eventlistnew{display:block; margin-left:0px; position:relative; float:left;} .medialistnew{display:block; margin-left:0px; position:relative; } /*JQUERY TABS ON CHACKOUT PAGE*/ .checkout{width:780px; margin:0px auto; display:block; } .checkout .column_one{width:350px; display:block; float:left; } .checkout .column_one table td { margin:0px; padding:3px;} .checkout .column_one table td label { text-align:left; width:80px;} .checkout .column_one table th { margin:0px; padding:0px; } .checkout .column_one input, select{ width:120px; } .checkout .column_two{width:350px; display:block; float:left; } .checkout .column_two input, select{ width:120px; } ul.newtabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%; font-size:12px; margin-top:20px; } ul.newtabs li { float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; } ul.newtabs li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.newtabs li a:hover { background: #ccc; } html ul.newtabs li.active, html ul.newtabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ } .tab_container { border: 1px solid #999; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff; } .tab_content { padding: 20px; font-size: 1.2em; } /*JQUERY TABS ON CHACKOUT PAGE ENDS*/ /*UPGRADE STYLES STARTS HERE*/ h1.upgradetitile{font:bold 16px Arial, Helvetica, sans-serif; text-align:left; padding-left:10px;} .upgrade_base{width:100%; display:block; } .upgrade_block{width:90%; background-color:#F6F9FF; border:1px solid #B1CBE2; padding:20px; margin:0px auto;} .upgrade_block .leftblock{ width:30%; float:left; display:block;padding-top:10px;} .upgrade_block .midblock{ width:20%; float:left; display:block;} .upgrade_block .rightblock{ width:50%; float:left; display:block;} .account_type_block{width:90%; background-color:#FFF; border:1px dotted #B1B1B1; padding:20px; margin:0px auto; margin-bottom:10px;} .account_type_block .leftblock{ width:30%; float:left; display:block; padding-top:15px;} .account_type_block .midblock{ width:20%; float:left; display:block;} .account_type_block .rightblock{ width:50%; float:left; display:block;} .bluebut{ clear:both; width:150px; background:#348CD3; padding:5px 15px 5px 15px; display:block; color:#FFF; text-align:center; margin-left:20px;font:bold 14px Arial, Helvetica, sans-serif; cursor:pointer; text-decoration:none; color:#FFF; } .bluebut:hover{ clear:both; width:150px; background:#7F1BA1; padding:5px 15px 5px 15px; display:block; color:#FFF; text-align:center;} .account_type{font-family: Arial, Helvetica, sans-serif;font-size:18px; font-weight:bold; color:#388DCE; text-align:center; line-height:50px;} .current_account_type{font-family: Arial, Helvetica, sans-serif;font-size:18px; font-weight:bold; color:#333; text-align:left; line-height:50px; float:left; padding-left:20px;} .account_desc{font-family: Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold; color:#333; float:left; padding-left:20px; text-align:left; line-height:24px;} #freeRoadblock{margin:0px auto; } #toplinks li a.upgradelink {color:#8a278a;} #toplinks li a.upgradelink:hover{color:#FFF;} /**************************************/ /* SUBSCRIPTION PAGE */ /**************************************/ #pricing_container{ width:865px; margin:0px auto; display:block; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#3D387C; line-height:20px; margin:0px auto; padding:0px;} /*div#pricing_container table tr td{margin:0px; padding:0px;}*/ div#leftpanel table tr td{margin:0px; padding:0px;} #pricing_container #leftpanel{ width:218px; display:block; float:left; text-align:left;} #pricing_container #rightpanel{ width:647px; display:block; float:left;} #pricing_container #rightpanel .account_typeblock{ width:617px; margin:0px; padding:0px; display:block; background-color:#EFEDED; border:1px solid #DEDBDB; padding:15px 15px 10px 15px;} #pricing_container #leftpanel .custom_typeblock{ width:155px; height:220px; display:block; background-color:#EFEDED; border:1px solid #DEDBDB; padding:30px 15px 15px 15px; } #pricing_container #rightpanel .hr{ clear:both; margin:15px 0px 15px 0px; background-color: #B5B5B5; height:0px; border-bottom:0px solid #B5B5B5; height:1px;} #pricing_container #rightpanel .title{ font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#3B0064;} #pricing_container #rightpanel .boldfont{ font-size:18px; font-weight:bold;} #pricing_container #leftpanel .current_account{ padding:40px 0px 150px 0px; font-size:20px;} #pricing_container #leftpanel .other_account{ padding:20px 0px 90px 0px; font-size:20px;} .hidedata {margin:0px; padding:0px;} .feature_subs{padding:5px;} #recording_notice{ color: green; } .centered{ width: 80%; margin-right: auto; margin-left: auto; } h1 .title em{width:300px;font:12px arial;} .content_format p {font:13px arial; color:#595959; padding-bottom:20px;display:block; line-height:18px;padding-top:10px;} .content_format ul{margin-bottom:20px;} .content_format ul li{font:13px arial; color:#595959;display:block; line-height:18px; list-style-type:circle;}