body,html{font-family:Segoe UI,Candara,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:11px;background-image:url('../images/headerBack.png');background-repeat:repeat-x;background-position:top left;background-position:0 -19px;padding:0;margin:0} #wrapper { padding: 0px; width: 980px; margin: 0 auto; } #header { width: 980px; margin: 0 auto; color: #fff; clear: both; } #left_block { float: left; display: block; width: 680px; margin-right: 20px; } #right_block { float: left; display: block; width: 280px; } .compact #left_block { width: 630px; margin-right: 40px; } .compact #right_block { width: 310px; } #content_master_box { min-height: 500px; padding-top: 30px; } .compact, .wide { padding-bottom: 15px; } p { font-size: 13px; color: #444; margin-bottom: 5px; line-height: 1.5em; } #welcome_ab1_body { background-image: url('../images/ab1_welcome_body.png'); background-image: url('../images/ab1_welcome_body.png') !important; } #welcome_ab2_body { background-image: url('../images/welcome_modern_back_opac.png'); background-image: url('../images/welcome_modern_back_opac.png') !important; background-repeat: repeat; background-position:top left; } #welcome_ab1 { margin: 0 auto; width: 970px; min-height: 500px; } #welcome_ab1 #signinbox { height: 145px; padding: 0px 16px; } #contentbox { padding-top: 20px; min-height: 250px; float: left; display: block; width: 970px; } #regbox { float: left; display: block; width: 970px;} #welcome_ab1 #footerbox { margin-top: 30px; } #welcome_ab1 #footerbox a { color: #666 !important; } #signintools { float: right; display: block; max-width: 360px; background-color: #dbdbdc; padding: 10px 5px 5px 5px; border: 1px solid #dedede; border-color: #dedede #d8d8d8 #d3d3d3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; margin-top: -5px; } #signintools #loginfields { padding: 10px; } #signintools #unamebox { float: left; display: block; margin-right: 10px; color: #666; font-size: 10px; } #signintools #psswrdbox { float: left; display: block; } #signintools label, #welcome_ab1 #signintools a { font-size: 10px; } #signintools input[type=text], #signintools input[type=password] { border: 1px solid #aaa; color: #999; font-size: 10px; padding: 6px 4px; min-width: 153px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #signintools input[type=text]:focus, #signintools input[type=password]:focus { border: 1px solid #aaa; color: #333; -webkit-box-shadow: 0px 0px 3px #6eb03b; -moz-box-shadow: 0px 0px 3px #6eb03b; box-shadow: 0px 0px 3px #6eb03b; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #signintools #fwtwlibox { padding-bottom: 5px; font-size: 12px; color: #999; font-weight: bold; text-shadow: 0 1px 0 #ececec; } #signintools #fwtwlibox b { color: #333; } #signintools #fwtwlibox #fwtwliicons { float: right; display: block; } #modern_topbox #signintools { background-color: transparent;background-image: url('../images/loginboxbackopac.png'); border: 1px solid #dedede; } #welcome_ab1 #contentbox #logoandregbox { float: left; display: block; text-align: right; width: 320px; padding-right: 17px; margin-right: 17px; background-image: url('../images/ab1_welcome_mainsplit.png'); background-position: right top; background-repeat: repeat-y; min-height: 200px; } #welcome_ab1 #contentbox #sampletopicbox { float: left; display: block; max-height: 240px; overflow: hidden; } #slidecover { width: 970px;position: relative; overflow: hidden; } #slidecontainer { position: relative; width: 1940px; } #modern_topbox #slidecover { width:980px;} #contentbox #logoandregbox #sloganmini { font-size: 14px; color: #333; text-shadow: 0 1px 0 #fff; margin-bottom: 12px; line-height: 17px; } #welcome_ab1 #itsfree { color: #999; padding-top: 3px; text-shadow: 0 1px 0 #fff; font-size: 10px; } #contentbox #logoandregbox #regwithsocialminibox { border-top: 1px solid #e3e3e3; width: 200px; float: right; display: block; padding-top: 1px; color: #999; text-shadow: 0 1px 0 #fff; font-size: 10px; } #welcome_ab1 #sampletopicbox .topicitem { width: 600px; } #welcome_ab1 #sampletopicbox .topicitem .contenthead, #welcome_ab1 #sampletopicbox .topicitem .contenthead a { text-shadow: 0 1px 0 #f7f7f7; margin-bottom: 10px; font-size: 16px; font-weight: bold; line-height: 21px; color: #000; } #welcome_ab1 #sampletopicbox .topicitem .contenthead a:hover { text-decoration: none; } #welcome_ab1 #sampletopicbox .topicitem .sampletopictext { width: 500px; margin-top: -3px; } #welcome_ab1 #sampletopicbox .topicitem .network { text-shadow: 0 1px 0 #f7f7f7; } #welcome_ab1 #sampletopicbox .topicitem .network:hover { text-shadow: 0 1px 0 #666; } #welcome_ab1 #contentbox #sampletopicbox hr { box-shadow: 1px 1px 1px #f7f7f7; border-bottom-color: #dbdbdb; } #centrelizebox { padding:16px 16px; margin: 0 auto; width:970px; } #register_slide #socialaccountbox { background-color: #fff; padding: 5px 8px; display: inline-block; border: 1px dashed #ccc; } #register_slide #socialaccountbox img { margin: 0px; vertical-align: middle; margin: 5px 2px; } #register_slide #socialaccountbox #facebookLogin a{ background: url(../images/social/facebook_signin.png) no-repeat 0 0; cursor: pointer; width: 150px; height: 22px; line-height: 800px; display: block; right: 10px; top: 10px;margin-bottom: 7px;} #register_slide #socialaccountbox #facebookLoginTr a{ background: url(../images/social/facebook_signin_tr-TR.png) no-repeat 0 0; cursor: pointer; width: 150px; height: 22px; line-height: 800px; display: block; right: 10px; top: 10px;margin-bottom: 7px;} #register_slide #socialaccountbox #twitterLogin a{ background: url(../images/social/twitter_signin.png) no-repeat 0 0; cursor: pointer; width: 150px; height: 22px; line-height: 800px; display: block; right: 10px; top: 10px; margin-bottom: 7px;} #register_slide #socialaccountbox #twitterLoginTr a{ background: url(../images/social/twitter_signin_tr-TR.png) no-repeat 0 0; cursor: pointer; width: 150px; height: 22px; line-height: 800px; display: block; right: 10px; top: 10px; margin-bottom: 7px;} #register_slide #socialaccountbox #linkedinLogin a{ background: url(../images/social/linkedin_signin.png) no-repeat 0 0; cursor: pointer; width: 150px; height: 22px; line-height: 800px; display: block; right: 10px; top: 10px; margin-bottom: 2px;} #register_slide #socialaccountbox #linkedinLoginTr a{ background: url(../images/social/linkedin_signin_tr-TR.png) no-repeat 0 0; cursor: pointer; width: 150px; height: 22px; line-height: 800px; display: block; right: 10px; top: 10px; margin-bottom: 2px;} #register_slide #socialaccountbox #facebookLogin a:hover,#register_slide #socialaccountbox #linkedinLogin a:hover,#register_slide #socialaccountbox #twitterLogin a:hover{ background-position: 0 -24px;} #register_slide #socialaccountbox #facebookLogin a:active,#register_slide #socialaccountbox #twitterLogin a:active,#register_slide #socialaccountbox #linkedinLogin a:active{ background-position: 0 -48px;} #register_slide {float: left;display: block; background-color: #f5f5f5; padding: 30px 40px 30px 40px; border: 1px solid #a3a5a4; -moz-box-shadow: 0px 0px 7px #999; -webkit-box-shadow: 0px 0px 7px #999; box-shadow: 0px 0px 7px #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 770px; margin-left:20px; } #register_slide h1 { font-size: 30px; color: #000; text-shadow: 0 2px 0 #fff; line-height: 36px; padding: 0px; margin: 0px; margin-bottom: 20px; } #register_slide p { font-size: 14px; color: #666; text-shadow: 0px 1px 0px #fff; } #register_slide .actionrow { width: 278px; text-align: right; } #register_slide .actionrow .buttonPro { font-size: 13px; } #register_slide .actionrow p a { color: #999; font-size: 12px; } #register_slide input[type=text], #register_slide input[type=password] { padding: 5px 6px; color: #999; font-size: 16px; border: 1px solid #b4b4b4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 265px; box-shadow: 0pt 2px 2px -1px rgba(0, 0, 0, 0.2) inset, 0pt 1px rgba(255, 255, 255, 0.3); } #register_slide input[type=text]:focus, #register_slide input[type=password]:focus { color: #666; font-size: 16px; border: 1px solid #b4b4b4; border: 1px solid rgba(104, 189, 244, 0.9); border: 1px solid #a4a4a4; box-shadow: 0pt 2px 2px -1px rgba(0, 0, 0, 0.3) inset, 0pt 1px rgba(255, 255, 255, 0.5); } #register_slide label { margin: 0px; padding: 0px; } .backbutton { float: left; display: block; padding-top: 100px; } #register_slide .field { margin-bottom: 7px; } #register_slide .req, #register_slide .hint, #register_slide .exp { margin-left: 5px; font-size: 12px; color: #999; text-shadow: 0px 1px 0px #fff; } #register_slide .req, #register_slide .exp, #register_slide .req, #register_slide .error { color: #993300; text-shadow: 0px 1px 0px #ffffbd; } #register_slide .valid input[type=text], #register_slide .valid input[type=password]:focus { -moz-box-shadow: 0pt 2px 2px 0px rgba(0, 128, 0, .3) inset, 0px 0px 1px rgba(0, 128, 0, 0.7); -webkit-box-shadow: 0pt 2px 2px 0px rgba(0, 128, 0, .3) inset, 0px 0px 1px rgba(0, 128, 0, 0.7); color: #333; background-image: url('../images/regform_fieldok.png'); background-position: right center; background-repeat: no-repeat; } #register_slide .error input[type=text], #register_slide .error input[type=password]:focus { -moz-box-shadow: 0pt 2px 2px 0px rgba(184, 0, 0, .3) inset, 0px 0px 1px rgba(184, 0, 0, .7); -webkit-box-shadow: 0pt 2px 2px 0px rgba(184, 0, 0, .3) inset, 0px 0px 1px rgba(184, 0, 0, .7); color: Red; } #registermebutton { font-size: 13px; } .w980center { margin: 0 auto; width:980px; } #modern_topbox,#modern_tourbox{background-image:url('../images/welcome_modern_back.png');background-repeat:repeat;background-position:top left;padding-bottom:30px; box-shadow:5px 5px 5px #dbdcdd;margin-bottom:15px} #modern_tourbox {background-image: url('../images/welcome_modern_back_opac.png'); margin-bottom:0px; } #modern_tourbox .touritem { margin-bottom:60px; } #welcome_ab2 { width:980px;margin: 0 auto;padding: 0px; } #modern_topbox .leftsection{ float:left;display: block; width: 440px; padding-right:30px; padding-top:33px; } #modern_topbox .rightsection { float:left;display: block;width:485px; } #modern_topbox .leftsection, #modern_topbox .rightsection { padding-bottom:20px; } #logobox.leftsection { width:470px;padding-right: 0px;} #modern_topbox #searchbox {clear: both; padding-top:60px; } #modern_topbox #searchbox input[type="text"]{ width:470px; padding: 6px 9px 8px 9px; color: #999; font-size: 20px; border: 1px solid #b4b4b4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0pt 2px 2px -1px rgba(0, 0, 0, 0.2) inset, 0pt 1px rgba(255, 255, 255, 0.3); } #modern_topbox #searchbox input[type=text]:focus{ border: 1px solid #b4b4b4; border: 1px solid rgba(104, 189, 244, 0.9); border: 1px solid #a4a4a4; box-shadow: 0pt 2px 2px -1px rgba(0, 0, 0, 0.3) inset, 0pt 1px rgba(255, 255, 255, 0.5); } #searchbox input[type=text] { background-image: url('../images/welcome_search_icon.png'); background-position:right center;background-repeat: no-repeat;} .accloading { background-image: url('../images/circle_loader.gif') !important; background-color: #f9f9f9; } .displayNone { display: none; } .displayBlock { display: block; } #modern_topbox #sloganmedium { font-size: 20px; color: #333; text-shadow: 0 1px 0 #fff; margin-bottom: 12px; line-height: 24px; } #regandtourbox { background-image: url('../images/welcome_arrow.png'); background-position:340px 40px;background-repeat: no-repeat; padding-right:40px;} #regandtourbox h2, .touritem h2 { font-size:24px; margin-bottom:8px; text-shadow: 0 1px 0 #fff; } #regandtourbox p, .touritem p { font-size: 16px; width:370px; color: #999;line-height: 1.4em; text-shadow: 0 1px 0 #fff; margin-bottom:10px; } #regandtourbox .buttonPro { border-radius: 4px; font-size:22px;font-weight: bold; padding-left:30px; padding-right:30px; margin-right:10px; } .touritem .leftsection { float:left;display: block; padding-right:30px; width:440px; } .touritem .rightsection {float:left;display: block; padding: 0px; } .touritem .rightsection .shot { padding: 5px;background-color: #fff; box-shadow: 0px 0px 2px #ccc; } .touritem p { line-height: 1.5em; } .psf_1, .psf_2, .psf_3, .psf_4, .psf_5 { background-color: White; font-size: 13px; color: #333; -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2); -moz-box-shadow: 1px 1px 10px #9CCCDA; -webkit-box-shadow: 1px 1px 10px #9CCCDA; padding: 6px 7px 6px 7px; margin-top: 1px; margin-left: -10px; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; min-width: 140px; } .psf_1 { -moz-box-shadow: 0px 0px 5px #F00; -webkit-box-shadow: 0px 0px 5px #F00; box-shadow: 0px 0px 5px #f00; } .psf_4 { -moz-box-shadow: 1px 1px 10px #4ac595; -webkit-box-shadow: 1px 1px 10px #4ac595; box-shadow: 0px 0px 5px #4ac595; } .psf_5 { -moz-box-shadow: 0px 0px 5px green; -webkit-box-shadow: 0px 0px 5px green; box-shadow: 0px 0px 5px green; } .masternote { padding: 0px; margin: 0px; background-color: #fff; border: 3px dashed #ececec; line-height: 1em; } .masternote { padding: 15px; margin: 0px; } .masternote p, .masternote a, .masternote h1, .masternote h2, .masternote h3, .masternote h4 { font-size: 16px; line-height: 1.1em; color: #000; margin: 0px; padding: 0px; } .masternote:last-child { margin: 0px; line-height: 1em; } .notactivatedbox { background-color: #eaebec; border-bottom: 1px solid #dedede; line-height: 1.0em; padding: 10px; margin-bottom:10px; } .notactivatedbox a,.notactivatedbox p,.notactivatedbox h1,.notactivatedbox h2,.notactivatedbox h3 { font-size: 11px; } .notactivatedbox p { font-size: 12px !important;line-height: 15px;padding: 0px;margin: 0px; margin-bottom:7px; } .notactivatedbox h3 { font-size: 14px;line-height: 1.4em; margin-bottom:7px; } .notactivatedbox:last-child, .notactivatedbox p:last-child { margin: 0px; line-height: 1.0em; } .notactivatedbox .commenttext { width: 450px; } .notactivatedbox hr { border-bottom-color: #dedede !important; } .notactivatedbox p#notactivatednote,.notactivatedbox p#notactivatednote a { font-size:14px !important; line-height:17px; } .masternotification { background-color: #f5f5f5; line-height: 1.4em;padding: 0px; width:560px; margin: 20px auto;background-image: url('../images/welcome_modern_back_opac.png'); } .masternotification .headtext { padding: 10px 15px;margin: 0px; font-size:16px; background-image: url('../images/welcome_modern_back.png'); } #betastage { position: absolute; top: 0px; left: 0px; } #logo { width: 70px; display: block; margin: 0px; float: left; z-index: 99; margin-right: 8px; } #wrapper #header { padding-top: 18px; padding-top:0px; } #main_menu { float: right; display: block; padding: 0px; overflow: hidden;position: relative; } #topbarwrapper { background-image: url('../images/headerMainMenuBackBlue.png'); background-repeat: repeat; margin: 0px; padding: 0px; border: 1px solid #003333; border-bottom: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; overflow: hidden; height: 40px;position: relative; } #topbarwrapper #topwrapperback { background-image: url('../images/mainsearchboxback.png'); background-repeat: repeat;} #topbarwrapper #logoandsearchbar { float: left; display: block; width: 370px; padding: 0px 8px 0px 5px; } #topbarwrapper #logo { margin-bottom: -9px; padding-top: 3px; z-index: 999; } #main_menu { float: right; display: block; width: 590px; padding: 0px; overflow: hidden; background-image: url('../images/headerMainMenuBackBlue.png'); background-image: none;position: relative; background-repeat: repeat; -webkit-border-radius: 2px; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 2px; -moz-border-radius-bottomright: 0; border-radius: 2px; border-bottom-right-radius: 0; } #main_menu a, .mainmenunotpopbox a, .mainmenupopbox a { font-size: 12px; font-weight: bold; color: #fff; float: left; display: block; padding: 14px 10px 10px 10px; margin: 0px; text-shadow: 0px 1px 0px #222; text-shadow: none; color: #efefef; } #main_menu a:hover, .mainmenunotpopbox a:hover , .mainmenupopbox a:hover { text-decoration: none; cursor: pointer; background-image: url('../Images/topmainmenuitemBack.png'); background-repeat: repeat; color: #fff; } /*#main_menu a.selected { text-decoration: none; cursor: pointer; background-image: url('../Images/topmainmenuitemBack.png'); }*/ #main_menu a.new { padding-right: 0px; } #main_menu a:hover .unreadcount, #main_box a.selected .unreadcount { color: #fff; } #main_menu a.homeicon { padding: 10px 5px 8px 5px; } #main_menu a.homeicon:hover img { background-image: url('../Images/homeIcon.png'); } #main_menu #mainuserpopbox { float: right; display: block; border-left: 1px solid #003333; padding: 0px; } #mainuserpopbox #mainuserpopboxback {float:right;display: block; padding: 5px 4px 4px 4px; font-size: 12px; font-weight: bold; color: #fff; } #mainuserpopbox #mainuserpopboxback:hover { background-image: url('../Images/topmainmenuitemBack.png'); background-repeat: repeat; cursor: pointer; } #mainuserpopbox #mainuserpopboxback img { vertical-align: middle; margin: 0px 2px; margin-top: -1px; -moz-box-shadow: 0px 0px 2px #222; -webkit-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222; } img.poparrow { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #mainmenupopbox { background-repeat: repeat; background-image: url('../Images/mainmenupopupback.png'); padding: 0px; border: 1px solid #003333; width: 160px; border-top: none; -moz-box-shadow: 0px 0px 2px 0px #888; -webkit-box-shadow: 0px 0px 2px 0px #888; box-shadow: 0px 0px 2px 0px #888; -webkit-box-shadow: 1px 1px 2px #996666; -moz-box-shadow: 1px 1px 2px #996666; box-shadow: 1px 1px 2px #996666; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #mainmenupopbox a { display: block; float: none; color: #efefef; text-decoration: none; font-weight: bold; text-align: right; padding: 7px 8px; border-bottom: 1px solid #444; border-top: none; font-size: 12px; } .notificationhoverpanel{ background-image: url('../Images/welcome_modern_back_opac.png'); padding: 0px; border: 1px solid #dedede; width: 160px; border-top: none; -webkit-box-shadow: 1px 1px 2px #ececec; -moz-box-shadow: 1px 1px 2px #ececec; box-shadow: 1px 1px 2px #ececec; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; color: #444; font-size:12px; padding-top:10px; } .notificationhoverpanel hr{ border-bottom-color:#ececec;} .notificationhoverpanel a{ } .notificationhoverpanel .bottombar { background-image: url('../Images/welcome_modern_back.png');} .notificationhoverpanel .bottombar a{ display: block; padding: 8px; font-size:13px;font-weight: bold;color: #000; text-align: center;} .notificationhoverpanel .bottombar a:hover{text-decoration: none; } #mainuserpopbox img { margin: 5px; } #mainuserpopbox a { padding: 0px; } #mainuserpopbox a span {vertical-align: middle; margin: 7px 0px 5px 10px; } .mainmenunotpopbox { background-repeat: repeat; background-image: url('../Images/mainmenupopupback.png'); padding: 0px; border: 1px solid #003333; width: 160px; border-top: none; -moz-box-shadow: 0px 0px 2px 0px #888; -webkit-box-shadow: 0px 0px 2px 0px #888; box-shadow: 0px 0px 2px 0px #888; -webkit-box-shadow: 1px 1px 2px #996666; -moz-box-shadow: 1px 1px 2px #996666; box-shadow: 1px 1px 2px #996666; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .mainmenunotpopbox a { display: block; color: #fff; float: none; text-align: left; padding: 7px 9px; border-bottom: 1px solid #444; border-top: none; } .maintab_hoverbox { padding-top: 0px; margin: 0px; background-image: url("../Images/blackOpac.png"); } .maintab_hoverbox a { font-size: 13px; font-weight: normal; color: #fff; display: block; padding: 5px 12px; } .maintab_hoverbox a:hover { text-decoration: none; font-size: 13px; color: #fff; background-image: url('../Images/topmainmenuitemBack.png'); } #main_search_bar { width: 278px; overflow: hidden; float: left; display: block; background-image: url('../images/mainsearchtextbox.png'); background-repeat: no-repeat; background-position: top left; padding: 3px 4px; margin-top: 6px; overflow: hidden; background-image: none; background-color: #f7f7f7; border: 1px solid #fff; } #main_search_bar input[type=text] { border: none; float: left; display: block; margin: 0px; padding: 0px; width: 253px; font-size: 13px; color: #999; background-color: transparent; padding-top: 1px; } #main_search_bar input[type=submit] { border: none; float: right; display: block; margin: 0px; } #main_search_bar .watermark { color: #999; } #wizardstepbox, #wizardfooter { margin-bottom: 20px;padding: 15px 30px 0px 30px; background-image: url('../images/wizard_steps_back.png'); background-repeat: repeat-y; background-position:right top; background-color: #f0f0f0; border-bottom: 1px solid #e0e0e0; margin-top:11px; } #wizardfooter {border-top: 1px solid #e0e0e0;border-bottom: none; margin-top:30px; padding-bottom:15px;text-align: right; } #wizardstepbox .step { float:left;display: block; padding-right: 60px; margin-right:40px; background-image: url('../images/next_step_icon.png');background-repeat: no-repeat; background-position: right center; font-size:13px; text-shadow: 0px 1px 0px #fff; } #wizardstepbox .step.laststep { background-image: none !important; margin-right:0px; padding-right:0px; } #wizardstepbox .step p:first-child { font-weight: bold; font-size:13px;} #wizardstepbox .step p { color: #999; margin: 0px; font-size:11px; line-height: 17px; } #wizardstepbox .step p:last-child{line-height: 1em;} #wizardstepbox .step div:first-child { padding-bottom:15px; } #wizardstepbox .step.activestep div:first-child{ padding-bottom:16px; margin-bottom:-1px; background-image: url('../images/step_bottom_arrow.png'); background-position:center bottom;background-repeat: no-repeat; } #wizardstepbox .step.activestep p { color: #333;} #wizardstepbox .step.activestep p:last-child { color: #666;} #wizardcontent {} #wizardcontent h1{ font-weight: bold; font-size:18px;color: #000; line-height: normal;margin-bottom: 5px; } #wizardcontent h2{ font-size:13px;color: #333; line-height: normal;margin-bottom: 7px; } #wizardcontent p { color: #666;} #wizardcontent .leftstep { float:left;display: block; width:355px; margin-right:30px;} #wizardcontent .rightsteps {float:left;display: block; width:355px; } .relatednetworks { background-color: #f3f3f3; padding: 10px; } .relevantnetwork {background-color: #f3f3f3;padding: 7px 10px; border-bottom: 1px solid #ececec; } .relatednetworks .relevantnetwork:last-child { border-bottom: none;padding-bottom: 0px; } #wizardstepbox .step:last-child { background-image: none !important; margin-right:0px; padding-right:0px; } .relevantnetwork .fleft img { max-width: 50px; } .hidden{display:none;} .selectfriendsdiv { background:white none repeat 0 0; border:1px solid silver; font-size:9px; overflow:auto; } .friendsSelectLink { white-space: nowrap; padding-right:10px; } .connect_socialbox a { padding: 3px !important; margin: 0px !important; font-weight: normal; font-size: 12px; } .taligncenter { text-align: center; } .talignright { text-align: right; } .googleplusone { display: inline-block; margin-top: 10px; padding-top: 5px; } .googleplusone iframe { padding-top: 10px; } #footer { clear: both; display: block; padding: 6px 0px; min-height: 80px; border-top: 1px solid #ececec; } #copyright { float: left; display: block; padding: 0px; color: #666; padding-top: 4px; line-height: 1.4em; } #footlinks { float: right; display: block; text-align: right; } #footer a { color: #437EA1; display: inline-block;vertical-align: middle; padding: 4px; font-size: 12px; } #footer a:hover { color: #336699; } #footer p { font-size: 12px; padding: 4px 8px 2px 8px; } .ball {margin: 0px 2px; color: #999; } #footlinks select { font-size: 12px; color: #666; margin: 0px; margin-left: 4px; padding: 3px 5px; border: 1px solid #e4e4e4; } .clear { clear: both; display: block; height: 0px; } input[type=checkbox], label { vertical-align: middle; margin-right: 3px; font-size: 13px; } h1.mainq { font-size: 20px; color: #666; line-height: 1.2em; padding-top: 0px; margin-top: -6px; } h1.mainq a { font-size: 20px; } h1.mainqmed { font-size: 16px; color: #666; line-height: 1.1em; padding-top: 0px; margin-top: -4px; } #termstext h2 { font-size: 14px; } input[type=text], input[type=password] { border: 1px solid #ccc; padding: 4px; font-size: 12px; color: #666; } input[type=text].medium, input[type=password].medium { border: 1px solid #ccc; padding: 2px; font-size: 12px; color: #666; } input[type=text], input[type=password], textarea { border: 1px solid #eaeaea; box-shadow: 2px 1px 1px -1px #ececec;box-shadow: none; } .noshadow, #siteloginbox input[type=text], #siteloginbox input[type=password], #main_search_bar input[type=text], .acc_box input[type=text], input.acc_textbox[type=text] { box-shadow: none; } .settings input[type=text] { font-size: 13px; } textarea.medium { border: 1px solid #ccc; padding: 3px; font-size: 13px; color: #666; } .wrap { word-wrap: break-word; } .mainqhover { background-image: url('../ımages/opacWhiteBox.png'); background-repeat: repeat; padding: 6px; border: 2px solid #ececec; width: 700px; height: 140px; margin-top: -140px; margin-left: -14px; z-index: 999; } .mainq_rating { font-size: 25px; color: #666; line-height: 0px; padding: 0px; margin: 0px; } .deletex { float: right; display: block; } .commentbox { padding: 5px 0px 5px 0px; border: 1px solid #fff; margin-bottom: 1px; } .commentbox:hover { border: 1px solid #ececec; background-color: #f7f7f7; } .maincomment { width: 480px; } div.centerlined { background-image: url('../images/centerLine.png'); background-repeat: repeat-x; background-position: 0px 12px; } div.centerlined p { display: inline-block; background-color: #fff; padding-right: 4px; } div.centerlined a { background-color: #f7f7f7; color: #333; } div.centerlined a.updown { font-size: 11px; font-weight: bold; } div.centerlined a.updown { background-image: url('../images/updownarrows.png'); background-position: right center; background-repeat: no-repeat; padding-right: 14px !important; } div.centerlined a.updown:hover { background-image: url('../images/updownarrowswhite.png'); } .bordered_photo { border: 1px solid #ececec; padding: 4px; } .mainq_rightbox { border-left: 2px solid #ccc; min-height: 350px; padding-left: 15px; } textarea.main_qbox { border: 3px solid #ececec; padding: 5px; font-size: 13px; color: #666; width: 490px; min-height: 80px; } .main_toolbox { font-size: 13px; line-height: normal; margin: 0px; padding: 0px; } .main_toolbox a { font-size: 13px; color: #666; } .main_toolbox img { vertical-align: middle; margin-right: 3px; } .main_toolbox .maincontent_toolrow { padding: 0px 0px 2px 5px; } .maincontent_toolrow #make_point_tool { } .maincontent_toolrow #make_point_tool input[type=image] { } #make_point_tool .point { font-size: 20px; font-weight: bold; color: #777; margin: 0px; padding: 0px; } .fleft { float: left; display: block; } .fright { float: right; display: block; } .vamiddle { vertical-align: middle; } .inline { display: inline-block; } .myexperiences { padding: 5px 5px 20px 5px; margin-left:-5px; margin-right:-5px; border-bottom: 1px solid #f7f7f7; } .myexperiences:hover { background-color: #f7f7f7; border-bottom: 1px solid #f0f0f0; } /*****/ input[type=submit], input[type=button] { overflow: visible; cursor: pointer; } input[type=submit]:hover, input[type=button]:hover { } input[type=submit].medium, input[type=button].medium { font-size: 13px; padding: 5px 10px; } input[type=submit].greenbutton { background-image: url('../images/buttonGreen.png'); background-repeat: repeat-x; background-position: top left; padding: 4px 9px; overflow: visible; border: 1px solid #00b02c; color: #fff; font-weight: bold; font-size: 11px; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; } input[type=submit].greenbutton:hover { background-image: url('../images/buttonGreenHover.png'); border: 1px solid #009b27; color: #fff; font-weight: bold; font-size: 11px; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; } .gray, input[type=submit].gray, input[type=button].gray { background-image: url('../images/buttonsGray.png'); background-repeat: repeat-x; background-position: top left; padding: 4px 9px; /*Firefox, Most browsers*/ overflow: visible; border: 1px solid #ccc; border-bottom-color: #999; color: #333; font-weight: bold; font-size: 11px; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; text-shadow: 0px 1px 0px #ffeca8; } input[type=submit].gray:hover, input[type=button].gray:hover { border: 1px solid #999; } input[type=submit].gray > .medium, input[type=button].gray > .medium { font-size: 13px; padding: 5px 10px; } .photo_max { max-width: 120px; max-height: 120px; margin: 0px 5px 5px 0px; } .photo_medium { max-width: 70px; max-height: 70px; margin: 0px 4px 4px 0px; } .photo_small { max-width: 50px; max-height: 50px; margin: 0px 3px 3px 0px; float: left; display: block; } .photo_small30 { max-width: 30px; max-height: 30px; margin: 0px 3px 3px 0px; float: left; display: block; } .photo_xxsmall { max-width: 25px; max-height: 25px; margin: 0px 3px 3px 0px; float: left; display: block; } /*****/ .cell1, .cell2, .cell3 { float: left; display: block; min-width: 15px; } .icons { vertical-align: middle; } .loading_top { background-color: #FFF1A8; padding: 6px 12px; font-size: 14px; font-weight: bold; margin: 0px auto; top: 46px; position: fixed; left: 48%; } .question { font-size: 28px; color: #666; } .gray_note { font-size: 12px; color: #666; } .register { width: 160px; padding: 0px; } .tagtextbox { padding-top: 4px; } .tagtextbox input[type=text] { height: 17px; width: 510px; border: 1px solid #ccc; font-size: 11px; font-style: italic; color: #666; padding: 3px; } .tagtextbox a { font-size: 11px; } .left_block { float: left; display: block; width: 390px; margin-left: 95px; text-align: right; padding-right: 8px; } .left_block a { padding: 0px 4px 2px 4px; } .main_button { vertical-align: middle; margin-right: 4px; } .text { width: 374px; height: 36px; padding: 6px 8px; background-image: url('../Images/text2.png'); background-position: top left; background-repeat: no-repeat; } .text input[type=text] { margin: 0px; width: 100%; padding: 0px; font-size: 24px; color: #666; border: none; } .unread_True { background-color: #ececec; border-right: none; background-color: #fff; } .unread_False { background-color: #fff; } .join_right { float: left; display: block; background-color: #fff; width: 80px; padding: 10px; border-left: 1px dotted #ccc; min-height: 30px; } p.last_answer { padding: 3px 0px 6px 26px; font-size: 13px; color: #666; } p.last_answer b { color: #444; font-size: 12px; } .lcolumn { float: left; display: block; min-width: 25px; } .rcolumn { float: left; display: block; min-width: 25px; padding-left: 14px; } .lcolumn h2, .rcolumn h2 { font-size: 13px; margin-bottom: 6px; } .rcolumn h2, .lcolumn h2 { } .lcolumn h2 input, .rcolumn h2 input { vertical-align: middle; } .lcolumn p, .rcolumn p { font-size: 12px; line-height: 1.3em; margin-bottom: 4px; } .lcolumn p.attention, .rcolumn p.attention { font-size: 12px; line-height: 1.3em; padding: 4px; background-color: #ffffdd; border: 1px dotted #ccc; margin-bottom: 4px; } h1.bordered { font-size: 16px; padding-bottom: 6px; margin-bottom: 12px; border-bottom: 1px solid #ccc; } h5.bordered { padding-bottom: 6px; margin-bottom: 8px; border-bottom: 1px solid #ccc; } div.bordered { border: 1px solid #e4e4e4; } .settings { font-size: 13px; } .profilephoto { width: 130px; } .profilephoto h1 a { font-size: 13px; } .profilephoto h1 { padding: 2px 2px 3px 2px; } p.main_user_name { font-size: 13px; font-weight: bold; padding: 2px 0px; display: block; height: 15px; } p.main_user_name a { font-size: 13px; color: #fff; font-weight: bold; } p.main_user_name a:hover { } .modalPopupBack { background-color: #333; background-color: #000; filter: alpha(opacity=40); opacity: .40; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #000; z-index: 99; filter: alpha(opacity=15); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; } a.show_all_link { font-size: 10px; color: #336699; cursor: pointer; } .adminmenu { border-bottom: 1px solid #ccc; margin-bottom: 10px; } .adminmenu a { float: left; display: block; font-size: 13px; color: #666; padding: 4px 8px; margin-right: 1px; background-color: #ececec; border: 1px solid #ececec; border-bottom: none; } .adminmenu a:hover, .adminmenu a.selected { text-decoration: none; color: #333; background-color: #dedede; border: 1px solid #ccc; border-bottom: none; } .text { float: right; width: 406px; height: 36px; padding: 6px 8px; background-image: url('../Images/text2.png'); background-position: top left; background-repeat: no-repeat; } .text input[type=text] { margin: 0px; width: 100%; padding: 0px; font-size: 24px; color: #666; border: none; } .lcolumn h2 input, .rcolumn h2 input { vertical-align: middle; } .lcolumn p, .rcolumn p { font-size: 12px; line-height: 1.3em; margin-bottom: 4px; } .lcolumn .attention, .rcolumn .attention { font-size: 12px; line-height: 1.3em; padding: 8px; background-color: #ffffdd; border: 1px dotted #ccc; margin-bottom: 4px; } .photo { padding: 0px; float: none; min-width: 50px; min-height: 50px; margin: 0px; } .paging { margin-bottom: 20px; min-height: 13px; background-color: #f7f7f7; padding: 4px 8px; border-top: 1px solid #ececec; margin-top: 8px; } .pagingnote, .paging a { font-size: 13px; vertical-align: middle; color: #666666; } .etiket { background-color: Orange; padding: 2px; color: #333; } hr { border: none; padding: 0px; height: 0px; margin: 3px 0px; border-bottom: 1px solid #ececec; } hr.medium { border: none; padding: 0px; margin: 8px 0px; border-bottom: 1px solid #ececec; } hr.large { border: none; padding: 0px; margin: 14px 0px; border-bottom: 1px solid #ececec; } hr.large { border: none; padding: 0px; margin: 14px 0px; border-bottom: 1px solid #ececec; } hr.bold { border-bottom: 2px solid #dedede; } hr.dotted { border-bottom-style: dotted; } .search_box { padding-top: 7px; margin-bottom: 7px; } .search_box h1 { float: left; display: block; font-size: 14px; border: none; margin: 0px; margin-bottom: 3px; color: #666; padding-top: 3px; padding-bottom: 3px; font-weight: bold; border: none; height: auto; margin: 0px; margin-bottom: 3px; } .search_box .search { float: right; display: block; } .search_box .search input[type=text] { padding: 2px; font-size: 14px; color: #666; margin: 0px; vertical-align: middle; border: 1px solid #ccc; } .search_box .statistic { background-color: #ececec; border-bottom: 1px solid #ccc; padding: 2px 8px; } .hiddenbutton { position: absolute; width: 0px; height: 0px; visibility: hidden; } input[type="checkbox"], select, label { vertical-align: middle; margin-right: 3px; } select { font-size: 13px; } .icons { vertical-align: middle; } .settings_pane { margin-top: 0px; padding: 12px; } .settings_pane p { font-size: 14px; color: #000; padding-top: 3px; margin-bottom: 3px; } .settings_pane td { padding-right: 10px; } .settings_pane .textbox { height: 17px; width: 120px; border: 1px solid #ccc; font-size: 11px; font-style: italic; vertical-align: middle; color: #666; padding: 3px; } .settings { padding-left: 0px; padding-top: 14px; } /* --------------------------------------new welcome------------------------------------------ */ #welcome { font-family: Segoe UI,Candara, 'Helvetica Neue' ,Helvetica,Arial,sans-serif; font-size: 11px; background-image: url('../Images/bodyWelcomeBack.png'); background-position: top left; background-repeat: repeat-x; background-color: #fff; } #welcome { background-image: url('../Images/earth.png'); background-position: center bottom; background-repeat: no-repeat; z-index: 90; } #welcome #header { background-image: url('../images/bodyWelcomeBackNew.png'); background-repeat: repeat-x; background-position: left top; width: 100%; height: auto; margin: 0px; float: none; display: block; background-color: #013334; padding: 18px 0px 50px 0px; } #welcome #header #topcontent { width: 980px; margin: 0 auto; } #welcome #header hr { border-bottom: 1px dotted #323365; margin: 8px 0px; } #welcome #footer { min-height: 30px; display: block; position: relative; clear: both; } #welcome #contentBox { float: none; clear: both; width: 980px; margin: 5px auto; min-height: 400px; } #welcome #logoAndSlogan { color: White; float: left; display: block; width: 550px; margin: 0px; } #welcome #logo { float: left; display: block; width: 80px; margin-top: 3px; } #welcome #slogan { display: block; float: left; color: #fff; width: 430px; margin: 0px 0px 0px 0px; } #welcome #slogan h1, #welcome #slogan h2, #welcome #slogan p { color: #fff; margin: 0px; padding: 0px; line-height: 1em; } #welcome #slogan h1 { font-size: 20px; margin-bottom: 4px; } #welcome #slogan h2 { font-size: 18px; line-height: 20px; } #welcome #slogan h2 { outline: none; text-shadow: 1px 1px 10px #9CCCDA; } #welcome #slogan img { vertical-align: middle; } #welcome #siteloginbox { float: right; display: block; text-align: right; width: 405px; color: #fff; margin-top: 4px; } #welcome #siteloginbox a { font-size: 10px; color: #fff; text-decoration: none; } #welcome #siteloginbox a:hover { text-decoration: underline; } #welcome #siteloginbox input[type=text], #welcome #siteloginbox input[type=password] { font-size: 10px; color: #999; padding: 6px; width: 152px !important; border: 1px solid #eee; margin-bottom: 5px; padding: 6px; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2); } #welcome #siteloginbox input[type=text]:focus, #welcome #siteloginbox input[type=password]:focus { outline: none; border-color: #86C1D2; -moz-box-shadow: 1px 1px 10px #9CCCDA; -webkit-box-shadow: 1px 1px 10px #9CCCDA; } #welcome #usernamebox, #welcome #password { float: right; display: block; margin-left: 10px; } #welcome #usernamebox { text-align: left; } #welcome #password { color: #fff; } #welcome #facebookconnect { color: #fff; font-size: 12px; margin-bottom: 10px; } #welcome #socialconnectbox, #welcome #inploidloginbox { float: none; display: block; } #welcome #socialconnectbox { color: #fff; padding: 0px; margin-bottom: 8px; margin-top: -5px; } #welcome #inploidloginbox { padding-left: 15px; border-left: 1px dotted #336699; } #welcome #inploidloginbox label { font-size: 10px; text-align: right; } #welcome #inploidloginbox input[type="checkbox"] { margin: 0px; } #welcome #socialconnectbox img { box-shadow: 0px 1px 0px #666; } #welcome #socialconnectbox #facebookLogin, #welcome #socialconnectbox #twitterLogin, #welcome #socialconnectbox #linkedinLogin { float: right; display: block; padding: 0px; padding-left: 5px; border: none; color: #333; font-size: 10px; text-align: left; margin-top: -2px; } #welcome #socialconnectbox #facebookLogin a, #welcome #socialconnectbox #twitterLogin a, #welcome #socialconnectbox #linkedinLogin a { font-size: 10px; color: #333; } #welcome #socialconnectbox #facebookLogin a:hover, #welcome #socialconnectbox #twitterLogin a:hover, #welcome #socialconnectbox #linkedinLogin a:hover { text-decoration: none; color: #fff;} #welcome #slogan p { color: #fff; font-size: 20px; } #welcome #content { float: left; display: block; width: 550px; } #welcome #contentBox h1 { font-size: 20px; margin: 0px; margin-bottom: 4px; } #welcome #registerbox { float: right; display: block; } #welcome #photobar { width: 100%; text-align: center; height: 50px; display: block; float: none; margin: 0px; overflow: hidden; margin-bottom: 25px; padding-top: 25px; margin-top: -25px; box-shadow: 1px 1px 5px -5px #d1d1d1; } #welcome #photobar #photogallery { width: 110%; height: 50px; } #welcome #photobar #photogallery img { float: left; display: block; margin-right: 0px; height: 50px; width: 50px; /*box-shadow: 1px 1px 5px 1px #d1d1d1;*/ -moz-box-shadow: 1px 1px 5px #d1d1d1; -webkit-box-shadow: 1px 1px 10px #d1d1d1; } #welcome #shadowofgallery { background-image: url('../images/welcomeGalleryShadow.png'); background-repeat: repeat-x; height: 13px; margin-bottom: -13px; z-index: -1; } #welcome #photogallery img.maximized { margin-top: -20px; z-index: 999; height: 70px !important; width: 70px !important; /*box-shadow: 2px 2px 4px 2px #d1d1d1; */ -moz-box-shadow: 1px 1px 5px #d1d1d1; -webkit-box-shadow: 1px 1px 10px #d1d1d1; } .registerdescriptions { padding-left: 3px; margin-top: 4; margin-bottom: 8px; color: #999; font-size: 10px; padding-top: 0px; line-height: 1em; } span.small { font-size: 11px; color: #666; } #welcome #registerbox .graybox { background-color: #fff; border: none; padding: 0px; } #welcome #registerbox .yellow { font-size: 14px; padding: 5px 12px; } /* #welcome #registerbox input[type=text], #welcome #registerbox input[type=password] { font-size: 14px; color: #666; background-color: white; background-color: #f7f7f7; padding: 9px 7px 10px 7px; border-top-color: #ccc; border-right-color: #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; margin-bottom: 8px; width: 308px; } */ /*** GLOBAL FORM STYLE START ****/ .global_form { } .global_form .row { clear: both; display: block; margin-bottom: 3px; } .global_form .cell1, .global_form .cell2, .global_form .cell3, .global_form .cell4 { float: left; display: block; font-size: 13px; padding: 5px 4px 0px 0px; } .global_form .cell1 { text-align: right; } .global_form input[type=text], .global_form textarea, .global_form input[type=password] { padding: 2px; font-size: 12px; color: #666; vertical-align: middle; margin-top: -5px; } .global_form input[type=submit] { background-image: url('../Images/buttonForm.png'); background-position: left center; background-repeat: repeat-x; color: #fff; padding: 6px 8px; } .global_form input[type=submit]:hover { background-image: url('../Images/buttonFormHover.png'); border-color: #033336; cursor: pointer; } .global_form p { } /*** GLOBAL FORM STYLE END ****/ input[type=submit].blue, input[type=button].blue, div.blue { } div.blue a { color: #fff; } input[type=submit]:hover.blue, div.blue:hover { cursor: pointer; } div.blue:hover a { text-decoration: none; } #passresetform .cell1 { width: 140px; font-size: 13px; padding-right: 5px; } #passresetform .cell2 { width: 220px; text-align: left; } #passresetform .cell3 { min-width: 5px; } #passresetform input[type=text], #passresetform input[type=password] { width: 210px; } input[type=radio] { vertical-align: middle; margin-right: 2px; } label { display: inline; } /**********GLOBAL CURVED TABS START **************/ .tag-row { min-height: 8px; } .tag-row span.light { color: #666; } .tag-row img { vertical-align: middle; } .tag-link { color: #444; font-size: 12px; background: #f7f7f7; line-height: 1.0em; padding: 3px 6px 4px 6px; margin-bottom: 4px; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; } .tag-link:hover, .tag-link-selected, .tag-link-selected:hover { color: #000; font-size: 12px; background: #e0e1d4; text-decoration: none; cursor: pointer; -moz-border-radius: 1px; line-height: 1.0em; padding: 3px 6px 4px 6px; margin-bottom: 4px; display: inline-block; } .selectedtag, .selectedtag:hover { background: #999; color: #fff; } .orangebox, .graybox, .greenbox { background-color: #ffffb9; padding: 11px; border: 1px solid #ffcc66; font-size: 13px; color: #999; } .orangebox a, .orangebox a:hover, .orangebox p, .graybox a, .graybox a:hover, .graybox p,.greenbox a, .greenbox a:hover, .greenbox p { font-size: 13px; } .orangebox p, .graybox p,.greenbox p { line-height: 1.3em;color: #666; } .orangebox p:last-child, .graybox p:last-child ,.greenbox p:last-child{ line-height: 1em; padding: 0px; margin: 0px; } .orangebox p:first-child, .graybox p:first-child,.greenbox p:first-child { line-height: 1.3em; padding: 0px; margin: 0px; } .orangeboxmin, .grayboxmin,.greenboxmin { background-color: #ffffb9; padding: 6px; border: 1px solid #ffcc66; font-size: 12px; color: #999; } .orangeboxmin a, .orangeboxmin a:hover, .orangeboxmin p, .grayboxmin a, .grayboxmin a:hover, .grayboxmin p,.greenboxmin a, .greenboxmin a:hover, .greenboxmin p{ font-size: 12px; } .orangeboxmin p, .grayboxmin p ,.greenboxmin p{ line-height: 1.2em; } .orangeboxmin p:last-child , .grayboxmin p:last-child, .greenboxmin p:last-child{ line-height: 1em; padding: 0px; margin: 0px; } .graybox, .grayboxmin { background-color: #f7f7f7; border: 1px solid #ececec; } .grayboxmin select { padding: 4px 0px; font-size: 12px; } .grayboxmin p:last-child { line-height: 1em; padding: 0px; margin: 0px; } .greenboxmin, .greenbox { color: #4F8A10; background-color: #DFF2BF; border: 1px solid #61B832; } .searchbox { border: 1px solid #ccc; padding: 0px; margin: 5px 0px; } .searchbox input[type=text] { border: none; margin: 0px; padding: 2px 4px; float: left; display: block; vertical-align: middle; } .searchbox input[type=image] { border: none; margin: 0px; padding: 0px; float: right; display: block; vertical-align: middle; } .searchbox .watermark { color: #666; font-style: italic; } #hidemyidentity { text-align: right; padding-top: 5px; } #hidemyidentity label { font-size: 10px; color: #999; } /*** GLOBAL POPUP STYLE START ****/ .global_popup { border: 5px solid #888; padding: 20px 20px 25px 20px; background-color: #fff; min-width: 360px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .global_popup .close { float: right; display: block; } .global_popup h1 { font-size: 18px; color: #222; padding-bottom: 10px; line-height: 18px; margin-bottom: 12px; border-bottom: 1px solid #e4e4e4; } .global_popup p { font-size: 13px; color: #444; } .global_popup p.small { font-size: 11px; color: #666; } .popup { background-color: #fff; padding: 18px; font-size: 12px; border: 6px solid #555; color: #222; width: 400px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: left; } .popup h1 { font-size: 16px; margin: 0px; } .popup h4 { font-size: 14px; margin: 0px; margin-bottom: 3px; color: #333; } .popup h5 { font-size: 12px; margin: 0px; margin-bottom: 3px; color: #333; } .popup p { font-size: 13px; margin-bottom: 6px; color: #333; line-height: 1em; } .popup p.smallnote { font-size: 11px; margin-bottom: 6px; color: #666; } .popup input[type=text], .popup textarea, .popup input[type=password] { font-size: 13px; color: #666; padding: 4px; width: 98%; margin-bottom: 10px; } .popup .graybox input[type=text], .popup .graybox textarea, .popup .graybox input[type=password] { margin-bottom: 0px; } .modernpop { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: #fff; text-align: left; } .popheader .closebutton { float: right; display: block; vertical-align: middle; } .popheader .closebutton img { vertical-align: middle; } .popheader .closebutton img:hover { cursor: pointer; } .popheader .closebutton .pressesc { color: #999; font-size: 12px; font-weight: bold; text-shadow: 0px 1px 0px white; } .popheader { background-color: #f7f7f7; padding: 15px; text-align: left; border-bottom: 1px solid #ececec; text-shadow: 0px 1px 0px white; } .popheader h1 { font-size: 16px; color: #444; line-height: normal; padding: 0px; margin: 0px; } .popcontent { padding: 15px; font-size: 14px; color: #666; } .popcontent input[type=text], .modernpop .popcontent textarea { font-size: 14px; color: #666; padding: 4px; } .msgGrowl-container { width: 300px; position: fixed; } .top-right { top: 10px; right: 15px; } .bottom-right { bottom: 10px; right: 15px; } .top-left { top: 10px; left: 15px; } .bottom-left { bottom: 10px; left: 15px; } .top-center { top: 10px; left: 50%; margin-left: -150px; } .bottom-center { bottom: 10px; left: 50%; margin-left: -150px; } .msgGrowl { background: #DDD; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F9F9F9), color-stop(1, #D5D5D5)); background: -moz-linear-gradient(top, #F9F9F9, #D5D5D5); background: -o-linear-gradient(#F9F9F9, #D5D5D5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#D5D5D5'); width: 400px; font-size: 13px; color: #333; padding: 0; margin: 0 0 10px 0; border: 1px solid #A8A8A8; position: relative; margin-left: -100px; -webkit-box-shadow: 0 0 7px rgba(0,0,0,.3); -moz-box-shadow: 0 0 7px rgba(0,0,0,.3); -o-box-shadow: 0 0 7px rgba(0,0,0,.3); box-shadow: 0 0 7px rgba(0,0,0,.3); -webkit-text-shadow: 0 0 1px #FFF; -moz-text-shadow: 0 0 1px #FFF; -o-text-shadow: 0 0 1px #FFF; text-shadow: 0 0 1px #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .msgGrowl h4 { margin: 0px !important; font-size: 13px; font-weight: bold; color: #333; margin-bottom: .5em !important; -webkit-text-shadow: 0 0 1px #FFF; -moz-text-shadow: 0 0 1px #FFF; -o-text-shadow: 0 0 1px #FFF; text-shadow: 0 0 1px #FFF; } .msgGrowl-content { padding: 10px 20px 10px 10px; } .msgGrowl-close { background: url(../images/msgGrowl_close.png) no-repeat 50% 50%; width: 11px; height: 10px; position: absolute; top: 10px; right: 10px; opacity: .4; } .msgGrowl-close:hover { opacity: 1; cursor: pointer; } .msgGrowl.success .msgGrowl-content { background: url(../images/msgGrowl_success.png) no-repeat 10px 13px; } .msgGrowl.success .msgGrowl-content { padding-left: 50px; } .msgGrowl.success h4 { color: #5B7027; } .msgGrowl.error .msgGrowl-content { background: url(../images/msgGrowl_error.png) no-repeat 10px 13px; } .msgGrowl.error .msgGrowl-content { padding-left: 50px; } .msgGrowl.error h4 { color: #AF4434; } .msgGrowl.info .msgGrowl-content { background: url(../images/msgGrowl_info.png) no-repeat 10px 13px; } .msgGrowl.info .msgGrowl-content { padding-left: 50px; } .msgGrowl.info h4 { color: #316AB7; } .msgGrowl.warning .msgGrowl-content { background: url(../images/msgGrowl_warning.png) no-repeat 10px 13px; } .msgGrowl.warning .msgGrowl-content { padding-left: 50px; } .msgGrowl.warning h4 { color: #B69201; } /*MESSAGE GROWL POPUP*/ /*
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
*/ .msgAlert { min-width: 300px; max-width: 700px; top: 20px; z-index: 100; border: 3px solid rgba(0,0,0,0); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 12px rgba(0,0,0,0.4); box-shadow: 0 0 12px rgba(0,0,0,0.4); border: 3px solid #bbb; } .msgAlert h4 { font-weight: bold; } .msgAlert input[type="checkbox"], .msgAlert img { vertical-align: middle; } .msgAlert_popup { color: #444; display: block; padding: 25px; background: #fff; } .msgAlert_popup p:last-child { margin-bottom: 0; } .msgAlert_header { background: #eee; background: #0c333f; border-bottom: 1px solid #ececec; width: auto; text-align: left; padding: 10px 10px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; } .msgAlert_header h4 { font-size: 14px !important; color: #fff !important; border: none !important; text-shadow: 1px 1px 1px #fff; text-shadow: none; position: relative; left: 0px; padding: 0px !important; margin: 0px !important; } .msgAlert_header .msgAlert_close { background: url(../images/msgAlert_close.png) no-repeat 0 0; cursor: pointer; width: 20px; height: 20px; line-height: 800px; display: block; position: absolute; right: 10px; top: 10px; overflow: hidden; } .msgAlert_header .msgAlert_close:hover { background-position: 0 -20px; } .msgAlert_footer { background: #EEE; background: #f7f7f7; border-top: 1px solid #eee; width: auto; text-align: right; padding: 10px 10px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .msgAlert_footer button, .msgAlert_footer input[type="submit"] { margin: 0 .35em; } .msgAlert_overlay { position: fixed; top: 0px; left: 0px; z-index:99; height: 100%; width: 100%; background-color: #000; filter: alpha(opacity=15); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; } .msgAlert_content { color: #555; min-height: 50px; font-size: 13px; } .msgAlert_content h3 { margin-bottom: 1em; } .msgAlert_content.dialogbox { max-width: 550px; overflow-y: scroll; height: 250px; } .warning .msgAlert_content, .info .msgAlert_content, .success .msgAlert_content, .error .msgAlert_content { background-repeat: no-repeat; background-position: 16px 2px; padding-left: 85px; } .info .msgAlert_content { background-image: url(../images/msgAlert_info.png); } .success .msgAlert_content { background-image: url(../images/msgAlert_success.png); } .warning .msgAlert_content { background-image: url(../images/msgAlert_warning.png); } .error .msgAlert_content { background-image: url(../images/msgAlert_error.png); } .msgAlert.success .msgAlert_header { background-color: #7B9534; border-color: #627036; } .msgAlert.warning .msgAlert_header { background-color: #E6BA01; border-color: #AC9207; } .msgAlert.error .msgAlert_header { background-color: #AF4434; border-color: #782E25; } .msgAlert.info .msgAlert_header { background-color: #437ECC; border-color: #224F91; } .msgAlert_footer.left { text-align: left; } .msgAlert_footer.middle { text-align: center; } .msgAlert_footer.right { text-align: right; } .msgAlert_footer .buttonPro.small { font-weight: bold; } .msgAlert_footer button, .msgAlert_footer input[type="submit"] { /* background-image: url(../images/msgAlert_button_bg.png); background-color: #DDD; background-repeat: repeat-x; color: #666; font-weight: bold; display: inline-block; text-decoration: none; border-color: #BBB; border-width: 1px; border-style: solid; padding: 0 15px 4px; *padding: 0 5px 4px; margin: 0 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1); box-shadow: 1px 1px 1px rgba(0,0,0,.1); cursor: pointer; position: relative; */ } .msgAlert_footer button:hover, .msgAlert_footer input[type="submit"]:hover { /*background-position: 0 -100px; box-shadow: none; text-shadow: none;*/ } /* Active/Click state */ .msgAlert_footer button:active { } /* Sizes */ .msgAlert_footer button, .msgAlert_footer input[type="submit"] { /* background-position: 0 0; font-size: 10px; height: 26px; line-height: 23px;*/ } /*** GLOBAL POPUP STYLE END ****/ div.filterbar { padding: 0px; border-bottom: 1px solid #eee; margin-bottom: 6px; background-color: #f7f7f7; } div.filterbar a { background-color: #eee; float: left; display: block; color: #444; padding: 3px 9px; margin-right: 4px; font-weight: bold; } div.filterbar a:hover, div.filterbar a.selected { background-color: #666; color: #fff; text-decoration: none; } ul.filterbar { padding: 0px; margin: 0px; display: block; overflow: hidden; background-color: #fff; border-bottom: 1px solid #ececec; } ul.filterbar li { list-style-type: none; float: left; display: block; margin: 0px; } ul.filterbar li a { text-shadow: 0px 1px 0px white; display: block; color: #222; margin-top: 0px; border: 1px solid #fff; border: 1px solid #ececec; border-bottom: none; padding: 6px 12px; } ul.filterbar li a:hover, ul.filterbar li a.selected { border: 1px solid #ececec; border-bottom: none; color: #222; text-decoration: none; background-color: #eee; } ul.filterbar li a.selected { font-weight: bold; } ul.filterbar li.search { padding: 0px 2px; float: right; height: 22px; overflow: hidden; border: 1px solid #eee; margin-bottom: 2px; margin: 0px; padding: 0px; display: block; color: #222; border: 1px solid #fff; border: 1px solid #ececec; border-bottom: none; padding: 2px 4px; } ul.filterbar li.search input { display: inline-block; vertical-align: middle; } ul.filterbar li.search input[type=text] { min-width: 200px; border: none; padding: 0px; } ul.filterbar li.resultnote { float: none; clear: both; display: block; background-color: #f7f7f7; border: 1px solid #ececec; border-bottom: none; color: #666; } ul.filterbar li.resultnote a { background-color: #eee; } ul.filterbar li.small { margin: 0px; } ul.filterbar li.small a { font-size: 12px; padding: 2px 8px; } .curvedtab .search { padding: 0px 2px; float: right; height: 22px; overflow: hidden; border: 1px solid #eee; margin-bottom: 2px; margin: 0px; padding: 0px; display: block; color: #222; border: 1px solid #fff; border: 1px solid #ececec; border-bottom: none; padding: 2px 4px; } .curvedtab .search input { display: inline-block; vertical-align: middle; } .curvedtab .search input[type=text] { min-width: 200px; border: none; padding: 0px; box-shadow: none; } .expandcollapse { background-image: url('../images/expandcollapse.png'); background-image: url('../Images/tvicon.png'); background-position: 5px 5px; background-repeat: no-repeat; cursor: pointer; display: block; padding: 5px 5px 6px 25px; font-size: 13px; background-color: #f7f7f7; color: #333; } .expandcollapse:hover { background-color: #ececec; color: #333; text-decoration: none; } .expandcollapse img { vertical-align: middle; } #companyinfo p { color: #333; } #companyinfo #autocomplete { width: 300px; margin-bottom: 10px; box-shadow: none; } #companyinfo input[type=text], #companyinfo textarea { width: 300px; padding: 5px; font-size: 13px; color: #666; box-shadow: 2px 1px 1px -1px #ececec; } hr.shadow { box-shadow: 2px 1px 1px 0px #ececec; } #companyinfo textarea { min-height: 120px; } .lmin_toolbox { border: 1px solid #eaeaea; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; padding: 5px 9px; margin-bottom: 9px; } .lmin_toolbox .tool { float: left; display: block; margin-right: 14px; color: #808080; } .lmin_toolbox .tool a { color: #808080; vertical-align: middle; } .lmin_toolbox .tool a:hover { color: #444; } .lmin_toolbox .tool img { vertical-align: middle; } .generic { padding: 40px 0px; margin: 0 auto; width: 600px; font-size: 18px; } .generic a, .generic p { font-size: 18px; } .unreadcount, .unreadcount:hover { background-color: #a82400; color: #fff; padding: 1px 4px; margin-left: 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 11px; position:relative; top:-5px; left:-3px; } .unreadcountmin, .unreadcountmin:hover { background-color: #a82400; padding: 1px 3px; margin-left: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 11px; color: #fff; } span.newfeature { font-size: 8px; font-weight: bold; color: Red; padding: 1px 0px; position: relative; top: -6px !important; } .editlink { color: #666; font-size: 11px; padding: 2px 4px; padding-right: 17px; } .editlink:hover { color: #444; background-color: #eee; cursor: pointer; background-image: url('../images/editicon.png'); background-repeat: no-repeat; background-position: right center; } #pollmenubox { width: 300px; float: left; display: block; } #polldetailbox { float: left; display: block; padding: 0px 0px 16px 22px; width: 660px; } .pollrow { margin-bottom: 12px; } .pollrow p.stats { font-size: 9px; color: #999; border-top: 1px solid #ececec; margin: 0px; padding-top: 2px; margin-bottom: 2px; } .pollrow h2 { font-size: 13px; font-weight: bold; color: #222; margin: 0px; margin-bottom: 6px; } .pollrow ul { margin-bottom: 6px; padding-left: 8px; } .pollrow ul li { padding: 2px 0px; } .pollrow ul li input[type=radio] { } .pollrow ul li label { font-size: 13px; color: #000; } .error-note, .validationsummary { padding: 4px 8px; border: 1px solid #444; background-color: #c2231c; margin-bottom: 10px; vertical-align: middle; color: #ffffff; font-weight: normal; margin-top: 6px; } .error-note a, .validationsummary a { color: #ffffff; font-weight: bold; } .note { padding: 6px; border: 1px dotted #ccc; background-color: #ffffdd; margin-bottom: 10px; vertical-align: middle; font-weight: normal; margin-top: 6px; } #mainsearchtooltip { position: absolute; margin-top: 24px; margin-left: -4px; width: 400px; background-color: #f7f7f7; border: 1px solid #ececec; padding: 6px; color: #444; font-size: 13px; } .usertoolbar, .usertoolbar a { font-size: 10px; color: #999; } .usertoolbar b { color: #666; } #program_module { padding-top: 0px; } #loading_absolute { position:fixed; bottom:0px; left:0px;padding: 8px;background-color: #ffffdd; border: 1px solid #ccc; font-size:14px;border-bottom: none; } #toptopichelperbox { background-color: #fff; border-bottom: 3px solid #ccc; padding: 10px 20px; } #toptopichelperbox h2 { margin-top: -2px; } #program_module #left_side { float: left; display: block; width: 620px; margin-left: 10px; } #program_module #right_side { float: left; display: block; width: 305px; margin-left: 16px; padding-left: 16px; border-left: 1px solid #e4e4e4; } #program_module #left_side { float: right; display: block; width: 630px; margin: 0px;padding: 0px; padding-left:20px; } #program_module #right_side { float: left; display: block; width: 305px;margin: 0px;padding: 0px; padding-left: 10px; border-right: 1px solid #e4e4e4; border-left: none; border:none; padding-right:4px; background-image: url('../images/boxshadowforPm.png'); background-position :right top;background-repeat: repeat-y; } #program_module .pollcounttext { margin: 0px; line-height: 1em; text-align: center; font-size: 13px; padding: 5px 0px 3px 0px; border-top: 1px solid #f4f4f4; } #program_module #orgtopicbox { font-size: 17px; line-height: 21px; } #program_module #addcontent_box { } #program_module .addtopic { border: 1px solid #e4e4e4; padding: 5px; margin-bottom: 6px; } #program_module .addtopic:focus { border-color: #ccc; } #program_module .addtopic .userimg { margin-right: 5px; float: left; display: block; } #program_module .addtopic textarea { font-size: 14px; color: #999; padding: 0px; margin: 0px; line-height: 15px; border: none; box-shadow: none; } #program_module .addtopic textarea:focus { color: #333; } #program_module .addtopic .publishbutton { float: right; display: block; } #program_module h4 { font-size: 12px; font-weight: bold; color: #333; border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; margin-bottom: 5px; } #program_module h3 { font-size: 13px; font-weight: bold; line-height: 17px; } #program_module h1 { font-size: 16px; font-weight: bold; line-height: 19px; } #program_module p { font-size: 12px; font-weight: normal; color: #333; } #program_module .graybox p { font-size: 13px; } #program_module #mediaplayer { background-color: #000; } #program_module .polloptions input[type=text] { width: 380px; font-size: 13px; color: #999; margin: 0px; border: none; padding-left: 0px; box-shadow: none; } #program_module .polloptions .optionrow { border: 1px solid #e4e4e4; font-size: 13px; color: #999; margin-bottom: 5px; padding-left: 5px; background-color: #f7f7f7; } #program_module .polloptions .optionrow .optiontext { overflow: hidden; color: #666; font-weight: bold; } #program_module .polloptions input[type=text], #program_module .polloptions .optionrow { background-color: #f7f7f7; } #program_module .polloptions input[type=text]:focus, #program_module .polloptions .optionrow:focus { background-color: #fff; } #program_module .polloptions .optionrow input[type=text].filled { background-color: #fff; border-left: 2px solid #ececec; width: 373px; padding-left: 5px; background-image: url('../images/checkmark_gray.png'); background-position: right center; background-repeat: no-repeat; } .tweetresult { font-size: 14px; color: #222; } #newtweetbox textarea, #newtweetbox input[type="text"] { border: 1px solid #cccccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; padding: 8px; box-shadow: 0pt 0pt 8px #ffffff; width: 600px; height: 56px; color: #222222; font-family: "Helvetica Neue" ,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: 18px; outline-color: -moz-use-text-color; overflow-x: hidden; overflow-y: auto; white-space: pre-wrap; } #program_module #newtweetbox textarea:focus, #program_module #newtweetbox input[type="text"] { box-shadow: 0pt 0pt 8px rgba(82, 168, 236, 0.5); border: 1px solid rgba(82, 168, 236, 0.75); } #program_module .rating { font-size: 11px; font-weight: bold; color: #666; padding: 2px 4px; background-color: #eee; position: relative; float: left; display: block; margin-left: -20px; margin-bottom: -16px; height: 14px; overflow: hidden; } .dateselector { padding: 2px 2px 2px 4px; background-color: #f7f7f7; margin-bottom: 5px; border-top: 1px solid #ececec; } .datecell { float: left; display: block; margin: 2px 2px 2px 0px; } .datecell select { } .datecell select option { font-size: 13px; padding: 0px; margin: 0px; } #program_module .sociallink { color: #336699; } #program_module .sociallink:hover { text-decoration: none; color: #000; } #program_module .sociallink img { margin: 0px 3px; vertical-align: middle; } #program_module .livecommentrow { padding: 10px 0px; border-bottom: 1px solid #ececec; margin: 0px; } #program_module .livecommentrow .statool { color: #ccc; } #program_module .livecommentrow .bigger, #program_module .livecommentrow .bigger a { font-size: 13px; } #program_module .livecommentrow .bigger .light { color: #a6a6a6; font-size: 12px; } #program_module .livecommentrow .hovertoolbox { visibility: hidden; } #program_module .livecommentrow:hover .hovertoolbox { visibility: visible; } #program_module .ratingbox { padding: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; border: 1px solid #f0eeee; font-size: 13px; color: #777; text-align: center; } #program_module .ratingbox { margin: 0px 0px; } #program_module .ratingbox a { display: block; height: 14px; overflow: hidden; padding: 2px; min-width: 14px; font-size: 12px; color: #999; font-weight: bold; } #program_module .ratingbox:hover, #program_module .rated { background-color: #f0eeee; color: #666; font-weight: bold; border-color: #f0eeee; cursor: pointer; } #program_module .rated, #program_module .rated:hover { background-color: #969696; color: #fff; border-color: #969696; } #program_module .rated:hover { border-color: #666; } #program_module .ratingbox:hover a, #program_module .rated a { color: #666; text-decoration: none; } #program_module .rated a, #program_module .rated:hover a { color: #fff; } #program_module .ratingbox img { display: block; } #jtour_help_link { position: fixed; bottom: 0px; z-index: 9999; left: 48%; background-image: url('../images/opac_black_back_0_5.png'); background-repeat: repeat; border: 1px solid #666; border-bottom: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px 0px 0px; } #jtour_help_link:hover { background-image: none; background-color: #333; border-color: #222; } #jtour_help_link a { padding: 3px 7px; display: block; color: #fff; font-size: 10px; font-weight: bold; } #jtour_help_link a:hover { text-decoration: none; } .topic a, .topic a:hover, .topic:hover a, .topic_selected:hover a { font-weight: normal; text-decoration: none; color: #3585ad; color: #444; } .topic a:hover, .topic:hover a, .topic .usertoolbar { color: #666; } #program_module .usertoolbar { margin-bottom: 3px; } .topic { padding: 8px 4px; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #fff; } .topic_selected, .topic_selected:hover, .topic:hover { cursor: pointer; background-color: #f9f9f9; border-top-color: #ccc; border-bottom-color: #ccc; padding: 8px 4px; } .topic_selected a, .topic_selected:hover a { color: #333; font-weight: normal; } .topic_selected, .topic_selected:hover { background-color: #ececec; background-color: #fff; margin-right: -1px; border-bottom: 1px solid #ececec; } .topic h3 a, .topic_selected h3 a { font-size:14px !important;line-height: 1.2em; display: block; } .topic_selected h3 a, .topic_selected:hover h3 a { font-weight: bold;} .topic:hover { background-color: #ececec; border-top: 1px solid #ccc; background-image: url('../Images/directional_right_gray.png'); background-position: 99% center; background-repeat: no-repeat; } .topic a, .topic_selected a { padding-left: 0px; } .topic, .topic_selected, .topic:hover, .topic_selected:hover { padding-right: 20px; } .topic_selected, .topic_selected:hover { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding-right: 20px; background-image: url('../Images/directional_right_gray.png'); background-position: 99% center; background-repeat: no-repeat; } .likebox { color: #666; font-size: 12px; } .likebox .square { float: left; display: block; min-height: 13px; margin: 0px; padding: 5px; text-align: center; line-height: 1em; border: 1px solid #f0eeee; margin-right: -1px; box-shadow: 1px 1px 1px #f6f6f6; border-bottom-color: #e4e4e4; border-top-color: #f2f2f2; } .likebox .square:hover { background-color: #f0eeee; color: #fff; } .likebox .square.likecount { font-weight: bold; color: #666; text-align: center; background-color: #f8f8f8; text-shadow: 0px 1px 0px white; } .likebox .square.likecount:hover, .likebox:hover .square.likecount { color: #000; } .likebox .square.liked { background-color: #969696; border-color: #969696; color: #fff; } .likebox .square.disabled:hover { background-color: #fff; color: #fff; } .likebox .square .b_500 { font-size: 20px; color: #000; } .likebox .square .b_300 { font-size: 18px; } .likebox .square .b_100 { font-size: 16px; } .likebox .square .b_10 { font-size: 14px; } .minimenubox { margin: 0px; padding: 5px; text-align: center; border: 1px solid #f0eeee; box-shadow: 1px 1px 1px #f6f6f6; border-bottom-color: #e4e4e4; border-top-color: #f2f2f2; width:10px; height:13px; overflow: hidden; visibility: hidden; } .minimenubox:hover, .hovershow:hover .minimenubox, .hidelike:hover .minimenubox , .hidelike:hover .dropmenu{ visibility:visible; } .minimenubox ul { list-style-type: none; } .minimenubox ul li ul {display:none;} .hovershow { } #program_module p.comment { font-size: 13px; color: #444; } #program_module .livecommentrow .likebox .square, .hovershow .likebox .square{ visibility: hidden; } #program_module .livecommentrow .likebox .square.likecount, .hovershow .likebox .square.likecount { visibility: visible; } #program_module .livecommentrow .likebox .square.liked, .hovershow .likebox .square.liked{ visibility: visible; } #program_module .livecommentrow:hover .likebox .square, .hovershow:hover .likebox .square { visibility: visible; } #program_module .livecommentrow:hover .likebox .square.likecount, .hovershow:hover .likebox .square.likecount { visibility: visible; } .hidelike .likebox .square { visibility: hidden; } .hidelike .likebox .square.likecount ,.hidelike .likebox .square.liked ,.hidelike:hover .likebox .square ,.hidelike:hover .likebox .square.likecount { visibility: visible;} .programmodule_rowhoverbox { background-color: #333; color: #fff; padding: 4px 8px; font-size: 12px; margin: 2px 0px 8px 0px; } .rightnub { background-image: url('../images/nubToRight.png'); background-repeat: no-repeat; background-position: left top; width: 5px; height: 10px; margin-top: 3px; float: right; display: block; } .warning { float: right; display: block; font-size: 12px; margin-right:3px; font-weight: bold; background-color: Red; color: #fff; text-align: center; padding: 3px; } .warning.smoke { background-color: #777; } .helpbox, .helpbox_black { padding: 6px; width: 150px; border: 1px solid #ffcc00; background-image: url("../images/helpPopBack.png"); background-repeat: repeat-x; background-position: top left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; } .helpbox p, .helpbox p span, .helpbox_black p, .helpbox_black p span { font-size: 11px; font-family: Tahoma, Segoe UI, Verdana; line-height: 1.2em; text-align: left; } .bottomnub, .bottomnub_black { height: 8px; background-image: url("../images/helpPopNubTop.png"); background-repeat: no-repeat; background-position: 10px 0px; margin: 0px; padding: 0px; } .topnub { height: 8px; background-image: url("../images/helpPopNubBottom.png"); background-repeat: no-repeat; background-position: 10px 0px; margin: 0px; padding: 0px; } .helpbox_black { border: 1px solid #000; background-image: url("../images/blackOpac.png"); background-repeat: repeat; color: #fff !important; } .helpbox_black p { color: #fff !important; } .bottomnub_black { background-image: url("../images/nubToBottom.png"); background-repeat: no-repeat; background-position: 10px top; height: 5px; } /* START OF NEW DESIGN CONCEPT STYLES FOR INPLOID.COM COPYRIGHT (C) INPLOID.COM DATE: 07.05.2011 */ .centerleft { float: left; display: block; width: 650px; padding: 0px 14px 10px 0px; } .centerright { float: right; display: block; width: 280px; padding: 0px 0px 10px 14px; margin: 0px; } a { color: #006699; text-decoration: none; } a:hover { color: #006699; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { margin-bottom: 5px; } h1, h1 input[type="text"] { font-size: 18px; color: #333; margin-bottom: 14px; } h2, h2 input[type="text"] { font-size: 16px; color: #333; margin-bottom: 12px; } h3, h3 input[type="text"] { font-size: 14px; margin-bottom: 5px; } h4, h4 input[type="text"] { font-size: 13px; margin-bottom: 5px; } h5, h5 input[type="text"] { font-size: 10px; } h3.light input[type="text"], h3.light textarea, h4.light { color: #999; } input[type="text"], textarea { border: 1px solid #eaeaea;padding: 5px;font-size: 13px; } h1 input[type="text"], h2 input[type="text"], h3 input[type="text"], h4 input[type="text"] { margin-bottom: 0px; padding: 0px; vertical-align: middle; } p { font-size: 13px; color: #444; margin-bottom: 5px; } p.medium { } .light { color: #333; } .light-light { color: #999 !important; } a.lightblue { color: #528cbf; font-size: 13px; } .statool { font-size: 10px; color: #666; margin-bottom: 4px; padding-top: 0px; line-height: 1em; } .statool a { font-size: 10px; color: #006699; } .editable { } .editable:hover { } .edittool, .unlocktool, .replytool { background-image: url('../images/editIconArrowed.png'); background-repeat: no-repeat; background-position: 0px center; overflow: hidden; height: 10px; margin: 0px; padding: 3px 4px 4px 18px; padding-bottom: 4px !important; vertical-align: middle; line-height: 1em; font-size: 10px; font-weight: normal; border-bottom: none; color: #999; } .edittool:hover, .unlocktool:hover, .replytool:hover { cursor: pointer; color: #333; } .replytool {background-image: none; cursor: pointer;color: #999;padding: 3px 4px 0px 2px; } .unlocktool { background-image: url('../images/editLocked.png'); padding: 2px 4px 2px 10px; } div.editable:hover .edittool, p:hover .edittool, h1:hover .edittool, h2:hover .edittool, h3:hover .edittool, .edittool:hover { visibility: visible; color: #333; background-image: url('../images/editIconArrowedHover.png'); background-color: #eee; text-decoration: none; border-bottom: none; text-shadow: 0px 1px 0px white; } .shadow { text-shadow: 0px 1px 0px white; } .contentbox, .contentbox p, .contentbox li, .editor, .editor p, .editor li { font-size: 13px !important; color: #444; } .contentbox p a { border-bottom: 1px dotted #ccc; } .contentbox p a:hover { cursor: pointer; text-decoration: none; color: #336699; border-bottom: 1px dotted #006699; } .contentbox h2 textarea { color: #333; font-size:18px; border: 1px solid #ececec; padding: 5px; min-height: 50px; margin: 0px; } .contentbox .edittool ,.contentbox .unlocktool , .contentbox .replytool { visibility: hidden; } .contentbox:hover .edittool ,.contentbox:hover .unlocktool , .contentbox:hover .replytool { visibility: visible; } .editbox h2 { margin-bottom: 5px; } .contenthead { font-size: 18px; font-weight: bold; line-height: 21px; margin-bottom: 0px; } .editbox { width:530px; } .htmleditor { border: 1px solid #e4e4e4; margin: 0px; padding: 0px; } .htmleditor .editorshadow { border: 1px solid #f7f7f7; } .htmleditor .toolbar { overflow: hidden; background-color: #ececec; border-bottom: 1px solid #9CCCDA; background-image: url('../images/htmleditor/editorToolbarBackLight.png'); background-repeat: repeat-x; background-position: top left; padding: 2px; -webkit-box-shadow: 0px 1px 2px rgba(129, 156, 204, 0.3); -moz-box-shadow: 0px 1px 2px rgba(129, 156, 204, 0.3); box-shadow: 0px 1px 2px rgba(129, 156, 204, 0.3); } .htmleditor .toolbar img { vertical-align: middle; cursor: pointer; border-bottom: 1px dotted #ececec; border: 1px solid #ececec; margin: 0px; padding: 0px; float: left; display: block; margin-right: 2px; border: none; padding: 1px; } .htmleditor .toolbar img:hover { border-bottom: 1px dotted #000; border: 1px solid #f7f7f7; padding: 0px; border-color: #86C1D2; -moz-box-shadow: 1px 1px 10px #9CCCDA; -webkit-box-shadow: 1px 1px 10px #9CCCDA; } .htmleditor .toolbar img.split, .htmleditor .toolbar img.split:hover { border: none; padding: 0px; margin-right: 3px; margin-left: 1px; -moz-box-shadow: none; -webkit-box-shadow: none; } .htmleditor .subtoolbar { padding: 5px; background-color: #f7f7f7; } .htmleditor .editorbox { padding: 5px; font-size: 14px; color: #444; margin-bottom: 0px; border-bottom: 1px solid #ececec; } .htmleditor .editor { min-height: 85px; padding-left: 0px; margin-bottom: 5px; } .htmleditor .editor ul, .htmleditor .editor ol, .contentbox ul, .contentbox ol { padding: 0px 2px 0px 5px; margin: 3px 3px 10px 14px; text-indent: 2px; list-style-position: inside; text-align: left; } .htmleditor .editor ul li, .htmleditor .editor ol li, .contentbox ul li, .contentbox ol li { margin-left: 14px; } .editor ul li, .contentbox ul li { list-style-type: disc; } .editor ol li, .contentbox ol li { list-style-type: decimal; } .contentbox .acc_cbox ul, .contentbox .acc_cbox ul li { margin-left: 0px; } .htmleditor .alternatedesc { background-color: #ffffdd; overflow: hidden; padding: 3px 5px; font-size: 10px; color: #333; margin-top: 4px; margin-left: 5px; display: inline-block; } .editorpostbox { padding: 5px; margin: 0px; text-align: right; background-color: #f7f7f7; border: 1px solid #eee; border-top: none; } .replybox { margin: 2px 0px 8px 0px; width: 475px; } .replybox a { color: #999; margin-bottom: 5px; font-size: 11px; } .replybox a:hover { color: #006699; } .replybox textarea { font-size: 13px; color: #444; border: 1px solid #e4e4e4; width: 453px; } .replybox .replyaction { background-color: #f7f7f7; padding: 5px; } .innercommentbox { background-color: #fff7dd; padding: 8px; margin-bottom: 1px; padding-right:20px; } .innercommentbox a { border: none; } .innercommentbox p { color: #444; line-height: 18px;text-align: justify; } .innercommentbox p:first-child, .innercommentbox p:last-child { font-size: 12px; margin: 0px; padding: 0px; } .innercommentbox, .innercommentbox p { font-size: 12px !important; } .innercommentbox .statool { margin-bottom:2px; } #rootnetworkBox, #rootNetworkEditBox { padding-top: 5px; } .replybox .replyaction, .innercommentbox { background-color: #fff7dd; } .revisiontext, .deleted, .imaginary, .inserted, .modified, .unchanged { color: #666; font-size: 14px; } .watermark { color: #999; font-size: 11px; } .watermarkforpost { color: #999 !important; font-size:16px !important; } .deleted { background-color: #e5bdb2; color: #a82400; text-decoration: line-through; background-color: #EED3CC; color: #984632; } .imaginary { background-color: #C8C8C8; } .inserted { background-color: #d1e1ad; color: #405a04; background-color: #DCE8C1; color: #516424; } .modified { background-color: #f7f7f7; } .unchanged { background-color: #FFFFFF; } .inserted ol, .inserted ul, .inserted p, .inserted li { background-color: #d1e1ad; color: #405a04; background-color: #DCE8C1; color: #516424; } .revisionbox { border-left: 3px solid #f7f7f7; padding-left: 12px; margin: 10px 0px 10px 12px; } .revisionline { } .revisionline img { max-width: 200px; } .revisionprocessbox { background-color: #fff7dd; padding: 3px; border: 1px solid #f7f7f7; } .revisionprocessbox .watermark { } .revisionprocessbox textarea { font-size: 11px; padding: 1px; margin: 0px; color: #666; width: 98%; } .revisionprocessbox input[type="checkbox"], .revisionprocessbox label { font-size: 10px; } .lastrevisionpreview { font-size: 13px; font-weight: normal; background-color: #ffffdd; padding: 5px 8px; border-left: 3px solid #f7f7f7; max-width: 720px; } .lastrevisionpreview img { max-width: 100px; } .network:hover, .networkselected:hover { font-size: 13px; color: #000; text-decoration: none; background-color: #e0e1d4; cursor: pointer; background-color: #444; color: #fff; border-bottom: 1px solid #dedede; } .networkbox { float: left; display: block; min-height: 70px; width: 230px; padding-bottom: 10px; border: 1px solid #f0f0fd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; margin: 3px 3px 0px 0px; background-color: #FBFBFB; } .networkbox p { color: #666; padding: 3px 0px; font-size: 13px; } .networkboxdark { float: left; display: block; min-height: 70px; width: 230px; padding-bottom: 10px; border: 1px solid #f0f0fd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; margin: 3px 3px 0px 0px; background-color: #ececec; } .networkboxdark p { color: #666; padding: 3px 0px; font-size: 13px; } .networkboxMin { float: left; display: block; min-height: 50px; width: 180px; padding-bottom: 10px; border: 1px solid #f0f0fd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; margin: 3px 3px 0px 0px; background-color: #FBFBFB; } .networkstatsmin { float: left; width: 150px; margin-left: 10px; color: #464C50; line-height: 1.2em; margin-top: 10px; vertical-align: text-bottom; } .networkstatsmin .stats { float: left; margin-right: 10px; font-size: 12px; } .networkstatsmin .stats .count { float: left; font-size: 13px; font-weight: bold; padding-bottom: 3px; } .networkstats { float: left; width: 300px; } .networkstats .stats, .statssimple { float: left; text-align: center; display: block; width: 87px; height: 40px; overflow: hidden; margin-right: 5px; font-size: 17px; line-height: 1.0em; background-color: #FBFBFB; padding-left: 3px; padding-top: 10px; padding-bottom: 10px; border: 1px solid #f0f0fd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; min-width: 82px; text-decoration: none; color: #000; } .networkstats .stats:hover { margin-right: 5px; font-size: 17px; line-height: 1.0em; background-color: #32A7E0; padding-left: 3px; padding-top: 10px; padding-bottom: 10px; border: 1px solid #32A7E0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; min-width: 82px; text-decoration: none; color: #fff; } .networkstats .stats .count, .statssimple .count { text-align: center; font-size: 17px; font-weight: bold; line-height: 1.0em; } .networkhintcolumn { min-height: 40px; margin-top: 10px; } .networkhint { padding: 10px; border: 1px solid #ececec; background-image: url('../images/welcome_modern_back_opac.png'); margin-bottom:10px; } .network, .companynetwork, .productnetwork, .network-selected, .companynetwork-selected, .productnetwork-selected, .network-waiting { font-size: 13px; font-weight: normal; line-height: 1em; color: #333; padding: 2px 6px 3px 6px; margin: 0px 1px 3px 0px; border-bottom: 1px dotted #dedede; border-right: 1px solid #dedede; display: inline-block; background-image: url('../images/networkTagOrangeBack.png'); background-repeat: repeat-x; border: 1px solid #cad8f3; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; background-color: #8dace7; background-color: #cad8f3; } .network-waiting { background-image: none; background-color: #f7f7f7; color: #888; } .network-waiting:hover { text-decoration: none; background-color: #ececec; color: #555; } .network:hover, .network-selected, .network-selected:hover, .companynetwork-selected, .companynetwork-selected:hover, .productnetwork-selected, .productnetwork-selected:hover { text-decoration: none; cursor: pointer; color: #fff; border: 1px solid #6d95e0; background-image: none; background-color: #8dace7; } .companynetwork { background-image: url('../images/networkTagGreenBack.png'); color: #fff; background-color: #00A62E; border: 1px solid #00C686; } .companynetwork:hover, .companynetwork-selected, .companynetwork-selected:hover { background-image: none; text-decoration: none; color: #fff; border-color: #009529; background-color: #00A62E; } .companynetwork a { color: #fff; background-color: #00CA39; } .productnetwork { background-image: url('../images/networkTagProduct.png'); color: #fff; background-color: #a5a5a5; border: 1px solid #a5a5a5; } .productnetwork a { color: #fff; background-color: #a5a5a5; } .productnetwork:hover, .productnetwork-selected, .productnetwork-selected:hover { background-image: none; text-decoration: none; color: #fff; border-color: #888; background-color: #a5a5a5; } .slider { padding: 0px; background-color: #fff; } .slider .railrow { margin-bottom: 10px; } .slider .railrow .slidervalue { float: right; display: block; padding-top: 0px; font-size: 14px; font-weight: bold; } .inbox_row { padding: 10px 0px; border-bottom: 1px solid #ececec; } .unread { background-color: #f7f7f7; margin-left: -10px; padding-left: 10px; border-bottom-color: #e4e4e4; } .popopenbox { border: 1px solid #e4e4e4; background-color: #a5a5a5; display: inline-block; font-size: 11px; font-weight: bold; padding: 6px 9px 0px 9px; margin: 0px; line-height: normal; height: 22px; color: #fff; cursor: pointer; border: 1px solid #888; text-shadow: 0px 1px 0px #999; background-image: url('../images/popopenbuttonback.png'); background-position: top left; background-repeat: repeat-x; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; } .homeconfigurepop { padding: 15px; border: 1px solid #ececec; background-color: #fff; box-shadow: 2px 1px 1px 1px #f9f9f9; margin-top: 5px; } .arrowhead { border-bottom: 1px solid #ececec; width: 15px; height: 15px; background-color: #f7f7f7; } .slideuparrow { background-image: url('../images/sliderUpArrow.png'); background-position: center bottom; background-repeat: no-repeat; background-color: #ececec; height: 8px; padding-top: 1px; border-bottom: 1px solid #ccc; } .hover_menu_content { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; background-image: url('../Images/blackOpac.png'); padding: 4px 8px 5px 8px !important; font-size: 11px !important; color: #fff; font-weight: normal; max-width: 200px; } .hover_menu_content p { margin-bottom: 8px; color: #fff; line-height: 1em; } .hover_menu_content a { color: #fff !important; line-height: 1.1em; font-size: 12px; border: none !important; } .hover_menu_content a:hover { color: #fff; text-decoration: underline !important; } .hover_menu_content h3, .hover_menu_content h3 a { font-size: 15px; line-height: normal; margin: 0px; padding: 0px; margin-bottom: 2px; } .hover_menu_content h4, .hover_menu_content h4 a { font-size: 13px; line-height: normal; margin: 0px; padding: 0px; margin-bottom: 5px; } .hover_menu_content .statool { margin-bottom: 8px; } .hover_menu_content .statool, .hover_menu_content .ball { color: #ececec; } .hover_menu { } .hover_menu_nub { background-image: url("../images/nubToTop.png"); background-repeat: no-repeat; background-position: 10px top; height: 5px; } .hover_menu_nub_bottom { background-image: url("../images/nubToBottom.png"); background-repeat: no-repeat; background-position: 10px top; height: 5px; } .polloptionlist { font-size: 13px; font-weight: normal; color: #000; padding: 12px; background-color: #f7f7f7; border-top: 1px solid #ececec; } .polloptionlist li { margin-bottom: 12px; font-weight: bold; } .polloptionlist li input[type=radio] { vertical-align: middle; } .polloptionlist li label { font-size: 15px; } /* AUTO COMPLETE CONTROL CSS */ .acc_cbox { padding: 1px; margin: 0px; border: 1px solid #ccc; background-color: #fff; } .acc_cbox ul, .acc_cbox ul li { margin-left: 0px; list-style-type: none; list-style-position: outside; } .ulboxli, .ulboxli a, .liondelete, .liondelete a, .acc_list, .acc_list a, .acc_listItem, .acc_highlighted { font-size: 13px; padding: 0px; margin: 0px; } input[type=text].acc_textbox { font-size: 13px !important; padding: 4px !important; } .ulboxli { float: none; display: block; color: #000; margin: 0px; margin-right: 2px; margin-bottom: 3px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 2px 5px 2px 5px; } .ulboxli:hover { background: #bbcef1; border: 1px solid #6d95e0; } .ulboxli a { color: #000; display: block; } .ulboxli a:hover { color: #000; text-decoration: none; } .liondelete { float: none; display: block; color: #000; margin: 0px; margin-right: 2px; margin-bottom: 3px; border: 1px solid #6d95e0; border-color: Navy; padding: 2px 5px 2px 5px; background-color: #bbcef1 !important; } .liondelete a { color: #000; } .liItem { padding: 5px 7px 5px 7px; border: 1px solid #ccc; border-top: none; color: #585858; margin: 0px; background-color: #fff; } .acc_list { margin: 0px; border: 1px solid #ccc; padding: 4px; background-color: #fff; } .acc_listItem { border: none; background-color: #fff; color: #666; border-bottom: 1px solid #ececec; margin: 0px; padding: 3px; } .acc_highlighted { background-color: #ececec; border-bottom: 1px solid #fff; color: #666; padding: 3px; } .acc_tbox { padding: 2px; margin: 0px; border: none; font-size: 13px !important; } .acc_list_elements_boxmaster { padding: 0px; margin: 0px; width: 974px !important; left: 0px !important; margin-top: 10px; border: 3px solid #ececec !important; border-top: none !important; width: 620px !important; margin-left: 280px !important; } .msgAlert_content .acc_list { z-index:100000 !important; } .cl_item { color: #333 !important; font-size: 13px !important; padding: 3px !important; line-height: normal !important; } .cl_text { color: #222 !important; font-size: 13px !important; } .cl_text b { background-color: #ececec; padding: 0px 1px; } .cl_typename { color: #999 !important; font-size: 11px !important; } .cl_item img { float: left; display: block; margin-right: 3px; } #searchbox .acc_list_elements_box { padding: 0px; margin: 0px; background-color: transparent; width: 480px !important; left: 0px !important; margin-top: 1px; border: 3px solid #ececec !important; border-top: none !important;margin-left: 0px !important; } #searchbox .acc_list_elements_box li{ } #searchbox .acc_list_elements_box li:hover { } #searchbox .acc_list_elements_box .cl_item { color: #333 !important; font-size: 14px !important; padding: 5px 8px !important; line-height: normal !important; border-bottom: 1px solid #ececec; } #searchbox .acc_list_elements_box .cl_text { color: #000 !important; font-size: 14px !important; } #searchbox .acc_list_elements_box .cl_text b { background-color: #f7f7f7; background-color: #5887b3;color: #fff; padding: 0px 1px; } #searchbox .acc_list_elements_box .cl_typename { color: #999 !important; font-size: 11px !important; } #searchbox .acc_list_elements_box .cl_item img { float: left; display: block; margin-right: 3px; } /* AUTO COMPLETE CONTROL CSS - END */ a.collapsedbutton { color: #999; } a.whatdidisay { font-size:12px;color: #888; text-shadow: 0px 1px #fff; display: inline-block;padding: 3px 6px 4px 6px; border-radius: 2px; background-color: #f8f8f8; } a.whatdidisay:hover { color: #fff;background-color: #666;text-shadow: none;text-decoration: none; } .ht_nextbutton { } .ht_donebutton { } .profile { } .profile h1, .profile h2, .profile h3 { margin-bottom: 0px; } .profile h3 { font-size: 13px; } .profile h3.light { color: #999; } #openclosehelpboxes { padding-top: 12px; } #openclosehelpboxes a { font-size: 10px; background-color: #ffffdd; color: #999; } #trendtopicTicker, #trendtopicTicker ul, #trendtopicTicker ul li, #relatedContentTicker, #relatedContentTicker ul, #relatedContentTicker ul li { padding: 0px !important; margin: 0px !important; list-style-type: none !important; } #relatedContentTicker { height: 200px; overflow: hidden; } #welcome .trenditem { margin: 0px; padding: 0px; } #welcome .trenditem h4 { font-size: 13px; color: #2076B9; margin-bottom: 0px; } #trendtopicTicker ul li div.trenditem { margin: 0px; padding: 0px; } #relatedContentTicker ul li div.tickeritem {padding-bottom: 10px; } #relatedContentTicker ul li div.tickeritem h4 { font-size:13px; } #relatedContentTicker ul li div.tickeritem h4 a{ border-bottom: 1px dotted #ececec; } .opachoverbar { min-height: 18px; overflow: hidden; font-size: 12px; color: #fff; background-image: url('../images/opacHoverBar.png'); background-position: top left; background-repeat: repeat; z-index: 99; position: relative; top: -20px; margin-bottom: -20px; text-align: center; padding-top: 2px; } .opachoverbar a { color: #fff; cursor: pointer; } div.curvedbar { padding: 3px 0px; } div.curvedbar a { float: left; display: block; font-weight: normal; padding: 2px 10px 3px 10px; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; margin-right: 3px; font-size: 13px; color: #666; } div.curvedbar a:hover { text-decoration: none; background-color: #999; color: #fff; } div.curvedbar a.selected { color: #fff; background-color: #006699; } div.curvedbar .right { float: right; display: block; } div.curvedbar .right a { float: none; display: inline-block; } div.curvedtab { padding: 3px 0px 0px 0px; border-bottom: 1px solid #ececec; margin-bottom: 10px; } div.curvedtab a { float: left; display: block; font-weight: normal; padding: 4px 12px 5px 12px; cursor: pointer; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-right: 3px; font-size: 13px; color: #666; background-color: #fff; border: 1px solid #fff; border-bottom-color: #ececec; margin-bottom: -1px; } div.curvedtab a:hover, div.curvedtab a.selected { text-decoration: none; border: 1px solid #ececec; border-bottom-color: #fff; box-shadow: 1px -1px 2px -1px #ececec; } div.curvedtab a.selected { color: #333; font-weight: bold; box-shadow: 1px -1px 2px -1px #ececec; } #program_module div.curvedtab a.selected { box-shadow: 1px -1px 2px -1px #e8b900; border-top-color: #e8b900; border-right-color: #e8b900; border-left-color: #e8b900; } div.curvedtab .right { float: right; display: block; } div.curvedtab .right a { float: none; display: inline-block; } .showmorebar_cover { height: 34px; overflow: hidden; padding: 0px; margin: 0px; text-align: center; margin: 8px 0px; } .showmorebar_cover img { float: none; vertical-align: middle; margin: 0px auto; margin-top: 15px; } a.showmorebar { display: block; background-color: #f7f7f7; text-align: center; color: #777; text-shadow: 0px 1px 0px white; border-top: 1px solid #f0f0f0; padding: 10px; font-weight: bold; font-size: 12px; } a.showmorebar:hover { text-decoration: none; } a.graylink { font-size: 12px; color: #999; vertical-align: middle; margin-left: 5px; } .yellow, input[type=submit].yellow, input[type=button].yellow, a.yellow, a.clicked { background-image: url('../images/yellowButtonBack.png'); background-repeat: repeat-x; background-position: top left; background-color: #ffd851; border: 1px solid #ffd540; padding: 4px 9px; color: #333; text-shadow: 0px 1px 0px #ffeca8; } a.yellow, a.clicked { font-weight: bold; padding: 5px 9px; } a.yellow:hover, a.clicked:hover { text-decoration: none; cursor: pointer; } input[type=submit].yellow:hover, input[type=submit].yellow:hover, input[type=button].yellow:hover, a.yellow:hover { border: 1px solid #dfad00; color: #333; } input[type=submit].yellow_small, .yellow_small, input[type=button].yellow_small { background-image: url('../images/yellowButtonBack.png'); background-repeat: repeat-x; background-position: top left; background-color: #ffd851; border: 1px solid #ffd540; font-size: 10px; padding: 2px 7px; color: #333; text-shadow: 0px 1px 0px #ffeca8; } .yellow_small:hover { cursor: pointer; } /* .green, input[type=submit].green, input[type=button].green, a.green, div.green { background-image: url('../Images/greenButtonBack2.png'); background-repeat: repeat-x; background-position: top left; background-color: #609A12; border: 1px solid #78BF1B; padding: 3px 9px 4px 9px; color: #fff; text-shadow: 0px 1px 0px #777; font-size: 11px; border-color: #66AA0B; } .green:hover, input[type=submit].green:hover, input[type=button].green:hover, a.green:hover { background-image: none; background-color: #609A12; border-color: #619B12; background-color: #508E0B; text-shadow: none; } */ a.clicked { background-image: none; background-color: #fff; border: 1px solid #ececec; } .toolboxpopmenu { border: 1px solid #ececec; padding: 0px 0px 2px 0px; background-color: #fff; width: 150px; text-align: left; margin-top:7px; box-shadow: 0px 0px 4px #ececec; } .toolboxpopmenu a { display: block; font-size: 11px; padding: 8px 12px 8px 20px; font-weight: bold; color: #444; background-color: #fff;background-image: none; } .toolboxpopmenu a:hover { background-color: #f7f7f7; color: #000; text-decoration: none; } .toolboxpopmenu a.subscribe_checked { background-image: url('../Images/subscribed_mini.png') !important; background-position: 5px 9px !important; background-repeat:no-repeat !important; } .toolboxpopmenu a.panelaction_button { background-color: #efefef; color: #666; text-decoration: none; background-color:transparent; color: #5890c8;font-weight: normal; font-size:11px; padding: 4px 12px 4px 20px; border-top: 1px solid #f7f7f7;} .toolboxpopmenu a.panelaction_button:hover { background-color: #efefef; border-top: 1px solid #fff; text-decoration: none;} .toolboxpopmenu .headline { padding-left:20px; color: #666; font-size:12px;border-bottom: 1px solid #f7f7f7; padding-bottom:3px; margin-bottom:5px; } .toolboxpopmenu .nub{background-color:transparent;background-image:url("../images/nub.png"); background-repeat:no-repeat;background-position:center top; height:7px;left:9px;position:relative;top:-6px;width:11px } .settings_pane { float: left; display: block; width: 180px; margin: 0px; padding: 0px; } .settings_pane a { display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; text-align: right; color: #999; padding: 4px 10px 5px 6px; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; } .settings_pane a:hover { text-decoration: none; background-color: #999; color: #fff; } .settings_pane a.selected { color: #fff; background-color: #006699; } .graybackpanel { background-color: #f7f7f7; padding: 10px; border: 1px solid #ececec; } .noborder { border: none; } .example { font-size: 10px; color: #666; padding-top: 3px; padding-left: 3px; } .flaggedrow { background-color: #f7f7f7; color: Red; padding: 5px; border: 2px solid red; } .flaggedtext { background-color: #f7f7f7; color: Red; padding: 5px; border-left: 4px solid #e4e4e4; } .socialboxes { float: left; display: block; max-width: 400px; padding: 4px 5px 4px 0px; } .socialboxes a, .socialboxes input[type=checkbox], .socialboxes img { vertical-align: middle; display: inline-block; } .socialboxes a { cursor: pointer; } .socialboxesforsharecontrol { float: left; display: block; max-width: 400px; padding: 4px 5px 4px 0px; } .socialboxesforsharecontrol a, .socialboxes input[type=checkbox], .socialboxes img, .socialboxesforsharecontrol label, .socialboxesforsharecontrol input[type=checkbox], .socialboxesforsharecontrol img { vertical-align: middle; display: inline-block; } .socialboxesforsharecontrol a { cursor: pointer; } .popmenu { background-color: #f7f7f7; padding: 4px; border: 1px solid #ccc; text-align: left; } .popmenu a { display: block; font-size: 12px; padding: 4px; border-bottom: 1px solid #ececec; } .popmenu a:hover { background-color: #ececec; text-decoration: none; } .popmenu a:last-child { border-bottom: none; } .feedpopmenu, .feedpopmenu_opener { background-image: url('../images/feedpopmenu_back.png'); background-repeat: repeat; padding: 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; } .feedpopmenu:hover { } .feedpopmenu a { display: block; font-size: 12px; padding: 5px 12px 5px 15px; font-weight: bold; color: #333; background-color: #fff; border-bottom: 1px solid #f7f7f7; } .feedpopmenu a:hover { text-decoration: none; cursor: pointer; background-color: #32A7E0; background-color: #83b333; border-bottom: 1px solid #fff; color: #fff; } .feedpopmenu a:last-child { border-bottom: none; } .feedpopmenu_opener { font-size: 12px; margin: 0px; height: 15px; overflow: hidden; } .feedpopmenu_opener a { color: #666; background-image: url('../images/popmenuarrow.png'); background-repeat: no-repeat; background-position: right center; background-color: #fff; padding: 0px 5px; padding-right: 12px; } .feedpopmenu_opener a:hover { text-decoration: none; } .feedpopmenu_opener img { vertical-align: middle; } .datesplitter { background-image: url('../images/centerLine.png'); background-repeat: repeat-x; background-position: 0px 8px; text-align: left; margin: 15px 0px 10px 0px; background-image: none; border-bottom: 2px solid #dedede; padding-bottom: 4px; } .datesplitter h2 { font-size: 12px; background-color: #fff; padding: 0px 5px 0px 0px; margin: 0px; display: inline-block; } .notifications { color: #666; } .notifications .scope { margin-right: 5px; width: 470px; font-size: 13px; float: left; } .notifications .scopeForHover { margin-right: 5px; width: 280px; font-size: 13px;float: left; } .bgdark { background-color: #e4e4e4;} .notifications a { font-weight: normal; border-bottom: 1px dotted #ccc; } .notifications a:hover { cursor: pointer; text-decoration: none; color: #336699; border-bottom: 1px dotted #006699; } .notifications img { vertical-align: middle; } .notifications hr { border-color: #eeeeee; margin: 8px 0px; } .notifications .light-light { font-size: 13px; } /*CODE PREVIEW*/ .htmleditor pre, .htmleditor blockquote { display: block; padding: 5px; font-family: Courier New, Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; background-color: #eeeeee; margin-bottom: 8px; white-space: pre; /* CSS2 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP printers */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ overflow: hidden; width: 300px; /* specify width */ white-space: pre-wrap; /* CSS3 browsers */ white-space: -moz-pre-wrap !important; /* 1999+ Mozilla */ white-space: -pre-wrap; /* Opera 4 thru 6 */ white-space: -o-pre-wrap; /* Opera 7 and up */ word-wrap: break-word; /* IE 5.5+ and up */ /* overflow-x: auto; */ /* Firefox 2 only */ /* width: 99%; */ /* only if needed */ } .htmleditor code { white-space: pre; overflow: auto; font-family: Courier New; } /*CODE PREVIEW*/ .commenttext { font-size: 13px; color: #444; margin-bottom: 5px; line-height: 18px; } .peopleyou { background-color: #eeeeee;padding: 10px;} .checktext { font-size: 9px; } #networkhelperform { font-size: 13px; color: #666; } #networkhelperform input[type=text] { min-width: 200px; } #networkhelperform .cell1 { width: 400px; margin-right: 15px; border-right: 1px dashed #e4e4e4; } #networkhelperform .row { border-bottom: 1px solid #f7f7f7; padding: 0px 0px 15px 0px; margin-bottom: 15px; } #contact_team .row { margin-bottom: 30px; } #contact_team .cell1 { margin-right: 15px; } #contact_team .cell2 { width: 860px; } #privacyterms_iframe { overflow: scroll; max-height: 200px; background-color: #f7efef; padding: 10px; margin-top: 15px; } #privacyterms_iframe #termstext { padding-top: 14px; } .form { font-size: 13px; color: #000; } .form p, .form h1 { line-height: normal; margin: 0px; padding: 0px; } .form .row { clear: both; display: block; margin-bottom: 11px; } .form .row .column1, .form .row .column2, .form .row .column3 { float: left; display: block; margin-right: 10px; } .form .row .column1 { padding-top: 7px; } .form .row .column2 { } .form .row .column3 { } .form input[type=text], .form input[type=password] { padding: 5px 5px 7px 5px; width: 200px; box-shadow: none; overflow: hidden; border: 1px solid #e7e7e7; font-weight: bold; font-size: 13px; margin: 1px; color: #808080; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; } .form input[type=text]:focus, .form input[type=password]:focus { border: 2px solid #e7e7e7; margin: 0px; } .form .description { color: #999; font-size: 11px; padding-top: 2px; padding-left: 3px; } .registerform { padding: 10px 0px; } .registerform .column1 { width: 80px; text-align: right; } .registerform .column2 { width: 214px; margin: 0px; padding: 0px; } .registerform .column3 { width: 200px; margin: 0px; padding: 0px; } .registerform input[type=text], .registerform input[type=password] { width: 205px; } ul.radiobutton { margin: 0px; padding: 0px; padding-left: 5px; min-height: 21px; } ul.radiobutton li { background-image: url('../images/radio_off.png'); background-repeat: no-repeat; height: 21px; padding: 0px; margin-right: 10px; background-color: transparent; display: block; float: left; font-weight: bold; font-size: 13px; color: #000; list-style-type: none; cursor: pointer; } ul.radiobutton li:hover, ul.radiobutton li label:hover { cursor: pointer; } ul.radiobutton li label { margin: 0px; padding: 0px; width: auto; padding-left: 23px; float: none; } ul.radiobutton li.checked { background-image: url('../images/radio_on.png'); } ul.radiobutton input[type=radio] { position: absolute; left: -9999px; visibility: hidden; } .registerform input.green, .registerform input.green { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; font-size: 14px; font-weight: bold; } .registerform hr { background-color: #efefef; } .registerform .connect_socialbox, .registerform .connect_socialbox a { text-align: right; font-size: 10px; color: #999; } .registerform .connect_socialbox img { vertical-align: middle; } input[type=submit].disabled, input[type=submit].disabled:hover, input[type=button].disabled, input[type=button].disabled:hover { background: none; background-color: #dedede !important; border: 1px solid #ccc !important; color: #999; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background-image: none !important; } a.disabled, a.disabled:hover { background: none; background-color: #e7e6e6 !important; border: 1px solid #ccc !important; color: #999 !important; text-shadow: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; background-image: none !important; } .hover_menu_desc { border: 2px dashed #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; min-height: 40px; } #fullregisterform { margin: 0 auto; background-color: #fff; width: 800px; float: left; display: block; } #fullregisterform .hint, #fullregisterform .req, #fullregisterform .exp { font-size: 14px; color: #999; padding-top: 0px; } #fullregisterform .req, #fullregisterform .exp { color: Red; } .accordionHeader , .accordionHeaderSelected { border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 16px; height: 27px; font-weight: bold; padding: 10px; background-image: url('../images/yellowButtonBack.png'); background-repeat: repeat-x; background-position: top left; background-color: #ffd851; } .accordionContent { margin: 10px 20px; } .accordionContent a { text-decoration: none; color: black; font-size: 15px; font-weight: bold; } #register_login_box { float: left; display: block; padding-top: 10px; margin-left: 8px; width: 170px; } .networkcharacter, .characterselected, .networkcharacter:hover { float: left; display: block; padding: 4px 7px; margin: 1px; border: 1px solid #fff; text-decoration: none; min-width: 10px; text-align: center; } .characterselected, .networkcharacter:hover { border: 1px solid #ececec; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #f7f7f7; text-decoration: none; } .characterselected { border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #ececec; } .characterselected:hover { text-decoration: none; background-color: #ccc; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background-color: #999; color: #fff; border-color: #999; } #network_filter_box input[type=text] { font-size: 12px; background-color: #fff; padding: 3px 4px 4px 4px; width: 200px; box-shadow: none; } .helptooltip { position: absolute; display: none; min-width: 260px; max-width: 400px; background-color: #f7f7f7; z-index: 1000; box-shadow: 0pt 0pt 1px rgba(0, 0, 0, 0.25), 0pt 1px 5px 3px rgba(0, 0, 0, 0.05), 0pt 5px 4px -3px rgba(0, 0, 0, 0.06); padding: 8px 10px 10px 8px; border: 1px solid #fff; border-bottom-color: #fafafa; } .helptooltip p { font-size: 13px;color: #444; line-height: normal; margin: 0px; padding: 0px; margin-bottom: 5px;} .helptooltip p:first-child { line-height: 1em; padding-bottom: 10px; } .helptooltip p:first-child { margin-bottom: 0px; } .helptooltip .buttons { text-align: right; padding: 0px; margin: 0px; padding-top: 10px; } .helptooltip .nub{background-color:transparent;background-image:url("../images/nub.png"); background-repeat:no-repeat;background-position:center top; height:7px;left:9px;position:absolute;top:-6px;width:11px } #showhelp_button { position:fixed; bottom: 0px; left: 10px; padding: 10px; } #helpbutton { position:fixed; bottom:0px; display:inline-block; margin-bottom:-2px;opacity: 0.7; } #helpbutton:hover { opacity: 1;} #starthelptour { display:none;} #wigdetcreatorLeft, #wigdetcreatorRight {float: left; display: block; width: 550px; } #wigdetcreatorRight { width: 390px; padding-left:40px;} #wigdetcreatorLeft input[type="text"], #wigdetcreatorLeft textarea { width: 538px;padding: 5px;border: 1px solid #eaeaea; } #wigdetcreatorLeft input[type="text"].reset { width: auto; } #wigdetcreatorLeft h2, #wigdetcreatorRight h2 { padding-bottom:6px; margin-bottom:30px;border-bottom: 1px solid #eaeaea; } #wigdetcreatorLeft .optionrow textarea { height: 35px; } /************************FORMS.CSS START************************/ .stn-form { width: 100%; padding: 5px; margin: 0 auto; } .stn-form fieldset { border: none; padding-top: 0; padding-bottom: 1.5em; margin-bottom: 2em; position: relative; } .stn-form legend { background: transparent; font-size: 16px; font-weight: bold; font-style: italic; padding: 0 10px .25em; display: block; margin-bottom: 2.25em; border-bottom: 3px solid #EEE; width: 100%; } legend span { font-family: georgia; font-size: 30px; padding-right: .5em; } .stn-form label { margin-right: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 0px; width: 125px; display: block; float: left; font-weight: bold; text-align: right; position: relative; } .stn-form label em.required { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; } .stn-form .field input:focus, .stn-form .field textarea:focus, .stn-form .field select:focus { outline: none; border-color: #86C1D2; -moz-box-shadow: 1px 1px 10px #9CCCDA; -webkit-box-shadow: 1px 1px 10px #9CCCDA; } .stn-form .field.error input, .stn-form .field.error textarea, .stn-form .field.error select { border-color: #c00 !important; -moz-box-shadow: 0px 0px 5px #F00 !important; -webkit-box-shadow: 0px 0px 5px #F00 !important; } .stn-form .field.valid input, .stn-form .field.valid textarea, .stn-form .field.valid select { -moz-box-shadow: 0px 0px 5px green !important; -webkit-box-shadow: 0px 0px 5px green !important; } .error > .errorText { display: block; font-size: 14px; } .errorText { display: none; font-size: 11px; color: #C00; margin-left: 5px; margin-top: .25em; } .stn-form .field { margin-bottom: 1.3em; position: relative; top: 0px; left: 0px; height: 33px; } .stn-form .field input, .stn-form .field select { padding: 8px; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2); } .stn-form .controlset .controlset-fields { margin-left: 150px; } .stn-form .controlset .controlset-fields label { font-size: 11px; font-weight: normal; display: inline; width: auto; padding-left: 5px; float: none; text-shadow: none; } .stn-form .controlset .controlset-fields input { display: inline !important; float: none !important; border: none !important; } .stn-form.label-top label { width: 100%; text-align: left; display: block; } .stn-form.label-top .field { margin-bottom: 1.5em; } .stn-form.label-top label em { position: relative; } .stn-form.label-top .controlset-fields { margin-left: 0; } .stn-form.label-top .actionrow { margin-left: 0; } .stn-form.label-top .help { padding-left: 0; margin-left: 0; } .stn-form.label-top .errorText { margin-left: 0; } .stn-form.label-top legend { padding: 0; } .stn-form .actionrow { margin-left: 150px; } .stn-form .upload { position: relative; width: 500px; } .stn-form .realupload { position: absolute; top: 1px; right: 210px; /* start of transparency styles */ opacity: 0; -moz-opacity: 0; filter: alpha(opacity:0); /* end of transparency styles */ cursor: pointer !important; z-index: 2; /* bring the real upload interactivity up front */ width: 250px; } .stn-form .fakeupload { } .stn-form .fakeupload input { width: 145px; font-size: 11px; padding: 9px 5px; } .stn-form a.help { background: url(../images/help.png) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; font-size: 0; position: relative; z-index: 24; color: #000; left: 8px; top: 2px; text-decoration: none; outline: none; } .stn-form a.help:hover { z-index: 25; } .stn-form a.help span { display: none; } .stn-form a.help:hover span { display: block; font-size: 11px; position: absolute; top: -6px; left: 1.5em; width: 17em; border: 1px solid #DDD; padding: 3px 7px; background-color: #F1F1F1; color: #000; text-align: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .stn-form label.hint { font-size: 14px; color: #999; font-weight: normal; margin: 0px; padding: 0px; position: static; margin-top: -4px; display: inline-block; float: none; width: auto; text-align: left; line-height: normal; padding-left: 6px; } .ps_1, .ps_2, .ps_3, .ps_4, .ps_5 { background-color: White; font-size: 14px; color: #333; -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2); -moz-box-shadow: 1px 1px 10px #9CCCDA; -webkit-box-shadow: 1px 1px 10px #9CCCDA; padding: 8px; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; min-width: 140px; margin-left: -4px; } .ps_1 { -moz-box-shadow: 0px 0px 5px #F00; -webkit-box-shadow: 0px 0px 5px #F00; } .ps_4 { -moz-box-shadow: 1px 1px 10px #4ac595; -webkit-box-shadow: 1px 1px 10px #4ac595; } .ps_5 { -moz-box-shadow: 0px 0px 5px green; -webkit-box-shadow: 0px 0px 5px green; } /* -------------------------------------------------------------- Stencil buttons.css ------------------------------------------------------------- */ button, a.button, .stn-form input[type=submit] { background-image: none; background: #0B66BA; background: -moz-linear-gradient(top, #77BAF7 0%, #2692F2 2%, #0B66BA 100%); background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #77BAF7), color-stop(0.02, #2692F2), color-stop(1, #0B66BA)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2692F2', endColorstr='#0B66BA'); color: #FFF; border: solid 1px #0C65B6; font-family: "Lucida Grande" , "Lucida Sans" , "Lucida Sans Unicode" , sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #FFF; display: inline-block; cursor: pointer; padding: 5px 10px 6px; border: none; position: relative; border-bottom: 1px solid rgba(0,0,0,0.25); text-shadow: 1px 1px 1px rgba(0,0,0,0.15); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); } button:hover, a.button:hover, .stn-form input[type=submit]:hover { -moz-box-shadow: 1px 1px 10px #0B66BA; -webkit-box-shadow: 1px 1px 10px #0B66BA; } button:active, a.button:active { top: 1px; } .stn-form input[type=submit].disabled, .stn-form input[type=submit].disabled:hover, .stn-form input[type=button].disabled, .stn-form input[type=button].disabled:hover { background: none; background-color: #dedede; border: 1px solid #ccc; color: #999; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .tiny { font-size: 8px !important; } .small { font-size: 11px !important; } .medium { font-size: 14px !important; } .large { font-size: 20px !important; } .xlarge { font-size: 26px !important; } .tan { background: #C8BE8A !important; background: -moz-linear-gradient(top, #EFECDC 0%, #D6CFA7 2%, #C8BE8A 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #EFECDC), color-stop(0.02, #D6CFA7), color-stop(1, #C8BE8A)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D6CFA7', endColorstr='#C8BE8A') !important; color: #222 !important; border: solid 1px #B1A55A !important; } .tan:hover { -moz-box-shadow: 1px 1px 10px #C8BE8A !important; -webkit-box-shadow: 1px 1px 10px #C8BE8A !important; } .brown { background: #371C00 !important; background: -moz-linear-gradient(top, #9D4F00 0%, #562C00 2%, #371C00 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #9D4F00), color-stop(0.02, #562C00), color-stop(1, #371C00)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#562C00', endColorstr='#371C00') !important; color: #FFF !important; border: solid 1px #2D1600 !important; } .brown:hover { -moz-box-shadow: 1px 1px 10px #371C00 !important; -webkit-box-shadow: 1px 1px 10px #371C00 !important; } /* .green { background: #006600 !important; background: -moz-linear-gradient(top, #00CC00 0%, #00AA00 2%, #006600 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #00CC00), color-stop(0.02, #00AA00), color-stop(1, #006600)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AA00', endColorstr='#006600') !important; color: #FFF !important; border: solid 1px #005500 !important; } .green:hover { -moz-box-shadow: 1px 1px 10px #006600 !important; -webkit-box-shadow: 1px 1px 10px #006600 !important; } .dark-green { background: #003300 !important; background: -moz-linear-gradient(top, #009F00 0%, #006200 2%, #003300 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #009F00), color-stop(0.02, #006200), color-stop(1, #003300)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006200', endColorstr='#003300') !important; color: #FFF !important; border: solid 1px #002200 !important; } .dark-green:hover { -moz-box-shadow: 1px 1px 10px #003300 !important; -webkit-box-shadow: 1px 1px 10px #003300 !important; } */ .navy { background: #002142 !important; background: -moz-linear-gradient(top, #0076EC 0%, #003C77 2%, #002142 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #0076EC), color-stop(0.02, #003C77), color-stop(1, #002142)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003C77', endColorstr='#002142') !important; color: #FFF !important; border: solid 1px #00172F !important; } .navy:hover { -moz-box-shadow: 1px 1px 10px #002142 !important; -webkit-box-shadow: 1px 1px 10px #002142 !important; } .maroon { background: #750000 !important; background: -moz-linear-gradient(top, #FF0000 0%, #9D0000 2%, #750000 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FF0000), color-stop(0.02, #9D0000), color-stop(1, #750000)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9D0000', endColorstr='#750000') !important; color: #FFF !important; border: solid 1px #530000 !important; } .maroon:hover { -moz-box-shadow: 1px 1px 10px #750000 !important; -webkit-box-shadow: 1px 1px 10px #750000 !important; } .pink { background: #FF6699 !important; background: -moz-linear-gradient(top, #FFD2E1 0%, #FFA8C5 2%, #FF6699 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFD2E1), color-stop(0.02, #FFA8C5), color-stop(1, #FF6699)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA8C5', endColorstr='#FF6699') !important; color: #FFF !important; border: solid 1px #FF5C92 !important; } .pink:hover { -moz-box-shadow: 1px 1px 10px #FF6699 !important; -webkit-box-shadow: 1px 1px 10px #FF6699 !important; } .purple { background: #650C61 !important; background: -moz-linear-gradient(top, #ED5CE6 0%, #A6139E 2%, #650C61 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ED5CE6), color-stop(0.02, #A6139E), color-stop(1, #650C61)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6139E', endColorstr='#650C61') !important; color: #FFF !important; border: solid 1px #480945 !important; } .purple:hover { -moz-box-shadow: 1px 1px 10px #650C61 !important; -webkit-box-shadow: 1px 1px 10px #650C61 !important; } .red { background: #CC0000 !important; background: -moz-linear-gradient(top, #EE0000 0%, #EE0000 2%, #CC0000 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #EE0000), color-stop(0.02, #EE0000), color-stop(1, #CC0000)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE0000', endColorstr='#CC0000') !important; color: #FFF !important; border: solid 1px #9D0000 !important; } .red:hover { -moz-box-shadow: 1px 1px 10px #CC0000 !important; -webkit-box-shadow: 1px 1px 10px #CC0000 !important; } .light-orange { background: #EC8D00 !important; background: -moz-linear-gradient(top, #FDD08C 0%, #FCB143 2%, #EC8D00 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FDD08C), color-stop(0.02, #FCB143), color-stop(1, #EC8D00)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCB143', endColorstr='#EC8D00') !important; color: #FFF !important; border: solid 1px #C67701 !important; } .light-orange:hover { -moz-box-shadow: 1px 1px 10px #EC8D00 !important; -webkit-box-shadow: 1px 1px 10px #EC8D00 !important; } .orange { background: #DF5900 !important; background: -moz-linear-gradient(top, #FF9146 0%, #FF6600 2%, #DF5900 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FF9146), color-stop(0.02, #FF6600), color-stop(1, #DF5900)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6600', endColorstr='#DF5900') !important; color: #FFF !important; border: solid 1px #C64F00 !important; } .orange:hover { -moz-box-shadow: 1px 1px 10px #DF5900 !important; -webkit-box-shadow: 1px 1px 10px #DF5900 !important; } .light-green { background: #6A9D2A !important; background: -moz-linear-gradient(top, #BCE18E 0%, #8FCD43 2%, #6A9D2A 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #BCE18E), color-stop(0.02, #8FCD43), color-stop(1, #6A9D2A)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8FCD43', endColorstr='#6A9D2A') !important; color: #FFF !important; border: solid 1px #598423 !important; } .light-green:hover { -moz-box-shadow: 1px 1px 10px #6A9D2A !important; -webkit-box-shadow: 1px 1px 10px #6A9D2A !important; } .light-blue { background: #0B66BA !important; background: -moz-linear-gradient(top, #77BAF7 0%, #2692F2 2%, #0B66BA 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #77BAF7), color-stop(0.02, #2692F2), color-stop(1, #0B66BA)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2692F2', endColorstr='#0B66BA') !important; color: #FFF !important; border: solid 1px #0C65B6 !important; } .light-blue:hover { -moz-box-shadow: 1px 1px 10px #0B66BA !important; -webkit-box-shadow: 1px 1px 10px #0B66BA !important; } /* .blue { background: #0000CC !important; background: -moz-linear-gradient(top, #8484FF 0%, #2D2DFF 2%, #0000CC 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #8484FF), color-stop(0.02, #2D2DFF), color-stop(1, #0000CC)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2D2DFF', endColorstr='#0000CC') !important; color: #FFF !important; border: solid 1px #0000B0 !important; } .blue:hover { -moz-box-shadow: 1px 1px 10px #0000CC !important; -webkit-box-shadow: 1px 1px 10px #0000CC !important; } */ .black { background: #FFCC00 !important; background: -moz-linear-gradient(top, #999 0%, #333 2%, #111 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #555), color-stop(0.02, #333), color-stop(1, #111)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111') !important; color: #FFF !important; border: solid 1px #000000 !important; } .black:hover { -moz-box-shadow: 1px 1px 10px #666 !important; -webkit-box-shadow: 1px 1px 10px #666 !important; } .grey { background: #CCC !important; background: -moz-linear-gradient(top, #FFF 0%, #EFEFEF 2%, #E3E3E3 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFF), color-stop(0.02, #EFEFEF), color-stop(1, #E3E3E3)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#E3E3E3') !important; color: #222 !important; border: solid 1px #B5B5B5 !important; } .grey:hover { -moz-box-shadow: 1px 1px 10px #B5B5B5 !important; -webkit-box-shadow: 1px 1px 10px #B5B5B5 !important; } .dark-grey { background: #555555 !important; background: -moz-linear-gradient(top, #AEAEAE 0%, #737373 2%, #555555 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #AEAEAE), color-stop(0.02, #737373), color-stop(1, #555555)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#555555') !important; color: #FFF !important; border: solid 1px #414141 !important; } .dark-grey:hover { -moz-box-shadow: 1px 1px 10px #555555 !important; -webkit-box-shadow: 1px 1px 10px #555555 !important; } .yellow { background: #FFCC00 !important; background: -moz-linear-gradient(top, #FFEFAE 0%, #FFDC50 2%, #FFCC00 100%) !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFEFAE), color-stop(0.02, #FFDC50), color-stop(1, #FFCC00)) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDC50', endColorstr='#FFCC00') !important; color: #222 !important; border: solid 1px #D9AD01 !important; } .yellow:hover { -moz-box-shadow: 1px 1px 10px #E8B900 !important; -webkit-box-shadow: 1px 1px 10px #E8B900 !important; } /*************************FORMS.CSS END*****************/ /************************ BUTTONSPRO.CSS START***********/ /* ----- ---- --- -- - Default buttons - -- --- ---- ----- */ input::-moz-focus-inner /*Remove button padding in FF*/ { border: 0; padding: 0; } .buttonPro { display: inline-block;color: #555; text-decoration: none; outline: none; cursor: pointer; font: bold 12px/1em HelveticaNeue, Arial, sans-serif; padding: 8px 11px; color: #555; text-shadow: 0 1px 0 #fff; background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); border: 1px solid #dedede; border-color: #dedede #d8d8d8 #d3d3d3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; line-height: 1em; /* background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#dfdfdf)); background: -moz-linear-gradient(top, #f1f1f1, #dfdfdf); border-width: 1px; border-style: solid; border-color: #cccccc #cccccc #999999 #cdcdcd; border-color: #dedede #cccccc #aaaaaa #cccccc; -webkit-box-shadow: 0px 1px 2px #e7e7e7, inset 0 1px 0 #fff, inset 0 -1px 0 #d7d7d7; -moz-box-shadow: 0px 1px 2px #e7e7e7, inset 0 1px 0 #fff, inset 0 -1px 0 #d7d7d7; box-shadow: 0px 1px 2px #e7e7e7, inset 0 1px 0 #fff, inset 0 -1px 0 #d7d7d7; text-shadow: 0 1px 0 #fff; */ } input.buttonPro { padding: 0px 11px; height: 30px; } .buttonPro:hover, .buttonPro:focus { color: #555; background: #efefef; background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9)); background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9); border-color: #ccc; -webkit-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb; text-decoration: none; } .buttonPro:active { position: relative; top: 0px; color: #555; background: #efefef; background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4)); background: -moz-linear-gradient(top, #eaeaea, #f4f4f4); border-color: #c6c6c6; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd; box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd; } input.buttonPro, button.buttonPro { *width: auto; /* IE7 Fix */ *overflow: visible; /* IE7 Fix */ } .buttonPro img { border: none; vertical-align: bottom; } /* ----- ---- --- -- - Small buttons - -- --- ---- ----- */ .buttonPro.small { padding: 5px 11px; font-size: 11px; font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } input.buttonPro.small { padding: 0px; font-weight: bold; padding: 0px 8px; height: 23px; overflow: hidden; font-size: 11px; margin: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* ----- ---- --- -- - XSmall buttons - -- --- ---- ----- */ .buttonPro.xsmall { padding: 4px 9px; font-size: 10px; font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } input.buttonPro.xsmall { padding: 0px; font-weight: bold; padding: 0px 6px; height: 19px; overflow: hidden; font-size: 10px; margin: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* ----- ---- --- -- - Large buttons - -- --- ---- ----- */ .buttonPro.large { padding: 12px 15px; font-size: 20px; font-weight: normal; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } input.buttonPro.large { padding: 0px 13px; height: 46px; } /* ------------------------------------------------------------------------ ------ ----- ---- --- -- - Color Variations - -- --- ---- ----- ------ ------------------------------------------------------------------------ */ /* ----- ---- --- -- - Light Blue - -- --- ---- ----- */ .buttonPro.light_blue { background: #92dbf6; background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); background: -moz-linear-gradient(top, #abe4f8, #6fcef3); border-color: #7cbdd5; color: #444; text-shadow: 0 1px 0 #b6e6f9; -webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa; -moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa; box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa; } .buttonPro.light_blue:hover, .buttonPro.light_blue:focus { background: #85d6f5; background: -webkit-gradient(linear, left top, left bottom, from(#b1e9fd), to(#66c6ea)); background: -moz-linear-gradient(top, #b1e9fd, #66c6ea); border-color: #66a8bf; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa; } .buttonPro.light_blue:active { background: #92dbf6; border-color: #66a8bf; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf; box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf; } /* ----- ---- --- -- - Blue - -- --- ---- ----- */ .buttonPro.blue { border: 1px solid #4677a7; color: #fff; background: #4F85BB; background: -webkit-gradient(linear, left top, left bottom, from(#4F85BB), to(#4677a7)); background: -moz-linear-gradient(top, #4F85BB, #4677a7); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #4f91bb; -moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #4f91bb; box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #4f91bb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .buttonPro.blue:hover, .buttonPro.blue:focus { background: #206bcb; background: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb)); background: -moz-linear-gradient(top, #3e9ee5, #206bcb); border-color: #2a73a6 #165899 #07428f; -webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9; -moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9; box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9; } .buttonPro.blue:active { background: #3282d3; border-color: #154c8c #154c8c #0e408e; text-shadow: 0 -1px 1px #1d62ab; -webkit-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5; -moz-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5; box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5; } /* ----- ---- --- -- - Green - -- --- ---- ----- */ .buttonPro.green { background: #7fbf4d; background: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f)); background: -moz-linear-gradient(top, #7fbf4d, #63a62f); border-color: #63a62f; color: #fff; text-shadow: 0 1px 0 #53961e; -webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865; -moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865; box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865; -webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #88c45c; -moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #88c45c; box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #88c45c; } .buttonPro.green:hover, .buttonPro.green:focus { background: #76b347; background: -webkit-gradient(linear, left top, left bottom, from(#86c755), to(#5ea12a)); background: -moz-linear-gradient(top, #86c755, #5ea12a); border-color: #53961e; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865; } .buttonPro.green:active { background: #7fbf4d; border-color: #53961e; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e; box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e; } /* ----- ---- --- -- - Red - -- --- ---- ----- */ .buttonPro.red { background: #e6433d; background: -webkit-gradient(linear, left top, left bottom, from(#f8674b), to(#d54746)); background: -moz-linear-gradient(top, #f8674b, #d54746); border-color: #d1371c #d1371c #9f220d; color: #fff; text-shadow: 0 1px 1px #961a07; -webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; -moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; } .buttonPro.red:hover, .buttonPro.red:focus { background: #dd3a37; background: -webkit-gradient(linear, left top, left bottom, from(#ff7858), to(#cc3a3b)); background: -moz-linear-gradient(top, #ff7858, #cc3a3b); border-color: #961a07; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573; } .buttonPro.red:active { background: #e6433d; border-color: #961a07; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07; box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07; } /* ----- ---- --- -- - Orange - -- --- ---- ----- */ .buttonPro.orange { background: #ee8f1f; background: -webkit-gradient(linear, left top, left bottom, from(#f5b026), to(#f48423)); background: -moz-linear-gradient(top, #f5b026, #f48423); border-color: #e6791c #e6791c #d86f15; color: #fff; text-shadow: 0 1px 1px #b85300; -webkit-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898; -moz-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898; box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898; } .buttonPro.orange:hover, .buttonPro.orange:focus { background: #e38512; background: -webkit-gradient(linear, left top, left bottom, from(#ffbb33), to(#eb7b1a)); background: -moz-linear-gradient(top, #ffbb33, #eb7b1a); border-color: #d0680c; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e; } .buttonPro.orange:active { background: #ee8f1f; border-color: #d0680c; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c; box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c; } /* ----- ---- --- -- - Yellow - -- --- ---- ----- */ .buttonPro.yellow { background: #f9e327; background: -webkit-gradient(linear, left top, left bottom, from(#fceb4c), to(#ebd611)); background: -moz-linear-gradient(top, #fceb4c, #ebd611); border-color: #dcc700 #dcc700 #c2b00b; color: #444; text-shadow: 0 1px 1px #ffff98; -webkit-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395; -moz-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395; box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395; } .buttonPro.yellow:hover, .buttonPro.yellow:focus { background: #ebd611; background: -webkit-gradient(linear, left top, left bottom, from(#fffa58), to(#e1cd00)); background: -moz-linear-gradient(top, #fffa58, #e1cd00); border-color: #cebb10; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395; } .buttonPro.yellow:active { background: #f9e327; border-color: #cebb10; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10; box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10; } /* ----- ---- --- -- - Black - -- --- ---- ----- */ .buttonPro.black { background: #525252; background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); background: -moz-linear-gradient(top, #5e5e5e, #434343); border-color: #4c4c4c #313131 #1f1f1f; color: #fff; text-shadow: 0 1px 1px #2e2e2e; -webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686; -moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686; box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686; } .buttonPro.black:hover, .buttonPro.black:focus { background: #4b4b4b; background: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#363636)); background: -moz-linear-gradient(top, #686868, #363636); border-color: #313131; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686; } .buttonPro.black:active { background: #525252; border-color: #313131; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131; box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131; } /* -------------------------------------------------------------- ------ ----- ---- --- -- - Extras - -- --- ---- ----- ------ -------------------------------------------------------------- */ /* ----- ---- --- -- - Google Buttons - -- --- ---- ----- */ .googleButton { display: inline-block; text-decoration: none; outline: none; padding: 7px; font: normal 15px/1em arial,sans-serif; color: #000; background: #ededed; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dfdfdf'); background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#dfdfdf)); background: -moz-linear-gradient(top, #f1f1f1, #dfdfdf); border-width: 1px; border-style: solid; border-color: #cccccc #9b9b9b #999999 #cdcdcd; -webkit-box-shadow: 1px 1px 0 #e7e7e7, inset 0 1px 0 #fff, inset 0 -1px 0 #d7d7d7; -moz-box-shadow: 1px 1px 0 #e7e7e7, inset 0 1px 0 #fff, inset 0 -1px 0 #d7d7d7; box-shadow: 1px 1px 0 #e7e7e7, inset 0 1px 0 #fff, inset 0 -1px 0 #d7d7d7; text-shadow: 0 1px 0 #fff; } .googleButton:hover { color: #000; text-decoration: none; } .googleButton:active { color: #000; background: #ccc; filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); border-color: #ccc #999 #999 #ccc; -webkit-box-shadow: 1px 1px 0 #e7e7e7; -moz-box-shadow: 1px 1px 0 #e7e7e7; box-shadow: 1px 1px 0 #e7e7e7; } /* ----- ---- --- -- - Twitter Simple Button - -- --- ---- ----- */ .twitterButton { display: inline-block; text-decoration: none; outline: none; padding: 6px 9px; font: 300 15px/1em 'Helvetica Neue' , Arial, 'Lucida Grande' , sans-serif; color: #333; text-shadow: 0 1px 0 #f0f0f0; background: #ebebeb; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dddddd)); background: -moz-linear-gradient(top, #fefefe, #dddddd); border-width: 1px; border-style: solid; border-color: #bbb #bbb #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 #f8f8f8; -moz-box-shadow: 0 1px 0 #f8f8f8; box-shadow: 0 1px 0 #f8f8f8; } .twitterButton:hover, .twitterButton:focus { color: #333; text-shadow: 0 1px 0 #f0f0f0; background: #e5e5e5; background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#dddddd)); background: -moz-linear-gradient(top, #f0f0f0, #dddddd); border-color: #999 #999 #666; } .twitterButton:active { color: #333; text-shadow: none; background: #ddd; border-color: #999 #999 #666; } /* ----- ---- --- -- - Twitter Follow Button - -- --- ---- ----- */ .twitterFollowButton { display: inline-block; text-decoration: none; outline: none; padding: 7px 10px; font: bold 12px/1em 'Helvetica Neue' , Arial, 'Lucida Grande' , sans-serif; color: #fff; background: #00AE3E; background: -webkit-gradient(linear, left top, left bottom, from(#53d874), to(#00ae3e)); background: -moz-linear-gradient(top, #53d874, #00ae3e); border-width: 1px; border-style: solid; border-color: #339933 #339933 #277827; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 #f8f8f8; -moz-box-shadow: 0 1px 0 #f8f8f8; box-shadow: 0 1px 0 #f8f8f8; } .twitterFollowButton:hover, .twitterFollowButton:focus { color: #fff; background: #dc4b4b; background: -webkit-gradient(linear, left top, left bottom, from(#f15c5d), to(#c63738)); background: -moz-linear-gradient(top, #f15c5d, #c63738); border-color: #aa3333 #aa3333 #962c2c; } .twitterFollowButton:active { background: #c63738; } /* ----- ---- --- -- - Facebook Simple Button - -- --- ---- ----- */ .facebookButton { display: inline-block; text-decoration: none; outline: none; padding: 5px 6px; font: bold 11px/1em 'Lucida Grande' , Tahoma, Verdana, Arial, sans-serif; color: #333; background: #ececec; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#e0e0df'); background: -webkit-gradient(linear, left top, left bottom, from(#f5f6f6), to(#e0e0df)); background: -moz-linear-gradient(top, #f5f6f6, #e0e0df); border-width: 1px; border-style: solid; border-color: #999 #999 #888; -webkit-box-shadow: 0 1px 0 #d9d9d9, inset 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #d9d9d9, inset 0 1px 0 #fff; box-shadow: 0 1px 0 #d9d9d9, inset 0 1px 0 #fff; } .facebookButton:hover { color: #333; } .facebookButton:active { color: #333; background: #dddddd; filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); border-color: #999; -webkit-box-shadow: 0 1px 0 #eaeaea; -moz-box-shadow: 0 1px 0 #eaeaea; box-shadow: 0 1px 0 #eaeaea; } /* ----- ---- --- -- - Facebook Confirm Button - -- --- ---- ----- */ .facebookConfirmButton { display: inline-block; text-decoration: none; outline: none; padding: 5px 6px; font: bold 11px/1em 'Lucida Grande' , Tahoma, Verdana, Arial, sans-serif; color: #fff; background: #5e77aa; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#637bad', endColorstr='#5972a7'); background: -webkit-gradient(linear, left top, left bottom, from(#637bad), to(#5972a7)); background: -moz-linear-gradient(top, #637bad, #5972a7); border-width: 1px; border-style: solid; border-color: #29447e #29457f #1a356e; -webkit-box-shadow: 0 1px 0 #dddddd, inset 0 1px 0 #8a9cc2; -moz-box-shadow: 0 1px 0 #dddddd, inset 0 1px 0 #8a9cc2; box-shadow: 0 1px 0 #dddddd, inset 0 1px 0 #8a9cc2; } .facebookConfirmButton:hover { color: #fff; } .facebookConfirmButton:active { color: #fff; background: #4f6aa3; filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); border-color: #29447e; -webkit-box-shadow: 0 1px 0 #eaeaea; -moz-box-shadow: 0 1px 0 #eaeaea; box-shadow: 0 1px 0 #eaeaea; } /* ----- ---- --- -- - Wordpress Simple Button - -- --- ---- ----- */ .wordpressButton { display: inline-block; text-decoration: none; outline: none; padding: 6px 11px; font: normal 11px/1em "Lucida Grande" ,Verdana,Arial, "Bitstream Vera Sans" ,sans-serif; color: #464646; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top, #fff, #f1f1f1); border: 1px solid #bbb; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; } .wordpressButton:hover, .wordpressButton:focus { color: #000; border-color: #666; } .wordpressButton:active { background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fbfbfb)); background: -moz-linear-gradient(top, #ededed, #fbfbfb); color: #000; border-color: #666; } /* ----- ---- --- -- - Wordpress Confirm Button - -- --- ---- ----- */ .wordpressConfirmButton { display: inline-block; text-decoration: none; outline: none; padding: 6px 11px; font: bold 11px/1em "Lucida Grande" ,Verdana,Arial, "Bitstream Vera Sans" ,sans-serif; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); background: #247ca4; background: -webkit-gradient(linear, left top, left bottom, from(#298cba), to(#206d92)); background: -moz-linear-gradient(top, #298cba, #206d92); border: 1px solid #298CBA; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .wordpressConfirmButton:hover, .wordpressConfirmButton:focus { color: #eaf2fa; border-color: #13455b; text-decoration: none; } .wordpressConfirmButton:active { background: #216f94; background: -webkit-gradient(linear, left top, left bottom, from(#1d6385), to(#2683ae)); background: -moz-linear-gradient(top, #1d6385, #2683ae); color: #eaf2fa; border-color: #13455b; } /********************************BUTTONSPRO.CSS END***************************************/ .statbox { float:left;display: block; width: 470px; padding: 0px 0px 50px 0px; color: #336699; font-size: 13px; text-align: center; min-height: 360px; } .dropmenu {display: inline-block; width: auto; list-style: inside none; height:23px; padding: 0px !important; margin: 0px !important; border: none; visibility: hidden; } .dropmenu li { list-style: inside none; padding: 0; margin: 0; display:block; position: relative; } .dropmenu li a { outline: none; display: block; margin: 0; height:17px; overflow: hidden; padding: 3px; font: bold 11px Segoe UI, Tahoma, sans-serif; text-decoration: none; border-left: 1px solid transparent; border-right: 1px solid transparent; border: 1px solid #ececec; box-shadow: 1px 1px 1px #f6f6f6; border-bottom-color: #e4e4e4; border-top-color: #f2f2f2; } .dropmenu li:hover a.drop { color: #000; background: #fff; border: 1px solid #ececec; border-bottom: 0 none; margin-top: 0px; padding-bottom: 0px; } .dropmenu ul { display: none; position: absolute; min-width: 180px; list-style: inside none; margin: 0; margin-top: -1px; padding: 10px 0px; background: #fff; border: 1px solid #ececec; z-index: 98;} .dropmenu ul li { margin: 0; padding: 0px; list-style: inside none; border: 0 none; float: none; } .dropmenu ul li a { float: none; font-weight: normal; color: #777; padding: 5px; border: 0 none; border-bottom: 1px solid #ececec; border-top: 1px solid transparent; box-shadow: none; } .dropmenu ul li:last-child a { border-bottom: 1px solid transparent; } .dropmenu ul li a:hover { border: 0 none; border-top: 1px solid; border-bottom: 1px solid; } .dropmenu ul a { white-space: nowrap; } .dropmenu li ul { display: none; } .dropmenu li:hover > ul { display: block; } .dropmenu li a { color: #fff; } .dropmenu li a:hover { background-color: #000; color: #fff; } .dropmenu ul li a:hover { background-color: #000; border-top-color: #000; border-bottom-color: #000; } /********TOP NAVI CSS START*****/ .sitetopmenu { display: block; width: auto; height: 39px; list-style: inside none; padding: 0; margin: 0; border: 1px solid; } .sitetopmenu li { list-style: inside none; padding: 0; margin: 0; display:block; position: relative; } .sitetopmenu li a { outline: none; display: block; margin: 0; padding: 13px 11px; font: bold 11px Segoe UI, Tahoma, sans-serif; text-decoration: none; border-left: 1px solid transparent; border-right: 1px solid transparent; } .drop { position: relative; z-index: 99; } .sitetopmenu li.searchbox { background-color: #2a5475; border: none; margin:0px 1px; padding: 6px 6px; } .sitetopmenu li.searchbox:hover { background-color: #2a5475; } .sitetopmenu li.searchbox input[type="text"] { display: block; margin:0px; padding: 6px 5px; font: bold 11px Segoe UI, Tahoma, sans-serif; text-decoration: none; border: 1px solid #000; box-shadow: none; width: 280px; background-image: url('../images/mainSearchButton.png'); background-repeat: no-repeat; background-position: right center; } .sitetopmenu li.searchbox input[type="text"].accloading { background-image: url('../images/circle_loader_20.gif') !important; background-color: #f9f9f9; } .sitetopmenu li:hover a.drop { color: #000; background: #fff; border: 1px solid #000; border-bottom: 0 none; margin-top: -1px; padding-bottom: 14px; background-image: url('../images/welcome_modern_back_opac.png'); } .sitetopmenu ul { display: none; position: absolute; min-width: 180px; list-style: inside none; margin: 0; margin-top: 39px; padding: 10px 0px; background: #fff; border: 1px solid #000; z-index: 98; background-image: url('../images/welcome_modern_back_opac.png'); } .sitetopmenu ul li { margin: 0; padding: 0; list-style: inside none; border: 0 none; float: none; } .sitetopmenu ul li a { float: none; padding: 6px; font-weight: normal; color: #777; border: 0 none; border-bottom: 1px solid #eee; border-top: 1px solid transparent; } .sitetopmenu ul li:last-child a { border-bottom: 1px solid transparent; } .sitetopmenu ul li a:hover { border: 0 none; border-top: 1px solid; border-bottom: 1px solid; } .sitetopmenu ul a { white-space: nowrap; } .sitetopmenu li ul { display: none; } .sitetopmenu li:hover > ul { display: block; } .dropdown-box { display: none; position: absolute; width: auto; margin: 0; margin-top: 39px; padding: 10px; background: #fff; border: 1px solid #000; z-index: 98; } .dropdown-box p { font: 11px/140% Tahoma, sans-serif; color: #777; text-align: justify; margin: 0; } .sitetopmenu li:hover > .dropdown-box { display: block; } .sitetopmenu li a img { margin: -5px 0px -5px 0px; } .sitetopmenu .profilemenu { } .sitetopmenu .profilemenu img { margin: -9px -9px -9px 3px; } .sitetopmenu .profilemenu .pname { max-width: 55px; text-align: right; height:13px; margin-bottom:-1px; margin-top:-2px; vertical-align: middle; display: inline-block; overflow: hidden; } .sitetopmenu img { border: none; } #toplogobeta { margin: -10px 0px -17px 0px; } /* Align styles */ .left li { float: left; } .left li a { float: left;} .left li:hover a.drop { margin-left: -1px; padding-left: 12px; } .left ul, .left .dropdown-box { left: -1px; } .right li { float: right; } .right li a { float: right; } .right li:hover a.drop { margin-right: -1px; padding-right: 12px; } .right ul, .right .dropdown-box { right: -1px; } /* Color styles */ .white { background-color: #e5e5e5; border-color: #ccc; } .white li a { color: #555; } .white li a:hover { background-color: #eee; color: #555; } .white ul li a:hover { background-color: #e5e5e5; border-top-color: #ccc; border-bottom-color: #ccc; } .fbblue { background-color: #627aad; border-color: #29447e; } .fbblue li a { color: #fff; } .fbblue li a:hover { background-color: #6d86b7; color: #fff; } .fbblue ul li a:hover { background-color: #6d84b4; border-top-color: #3b5998; border-bottom-color: #3b5998; } .green { background-color: #67a54b; border-color: #3b6e22; } .green li a { color: #fff; } .green li a:hover { background-color: #76ae5d; color: #fff; } .green ul li a:hover { background-color: #67a54b; border-top-color: #3b6e22; border-bottom-color: #3b6e22; } .red { background-color: #dd250b; border-color: #b11e09; } .red li a { color: #fff; } .red li a:hover { background-color: #e2452f; color: #fff; } .red ul li a:hover { background-color: #dd250b; border-top-color: #b11e09; border-bottom-color: #b11e09; } .pink { background-color: #cc0066; border-color: #8e0047; } .pink li a { color: #fff; } .pink li a:hover { background-color: #d21f79; color: #fff; } .pink ul li a:hover { background-color: #cc0066; border-top-color: #8e0047; border-bottom-color: #8e0047; } .yellow { background-color: #e6c327; border-color: #b89c1f; } .yellow li a { color: #fff; } .yellow li a:hover { background-color: #eacc47; color: #fff; } .yellow ul li a:hover { background-color: #e6c327; border-top-color: #b89c1f; border-bottom-color: #b89c1f; } .orange { background-color: #f86c1f; border-color: #c04501; } .orange li a { color: #fff; } .orange li a:hover { background-color: #f9894c; color: #fff; } .orange ul li a:hover { background-color: #f86c1f; border-top-color: #c04501; border-bottom-color: #c04501; } .brown { background-color: #662b00; border-color: #471e00; } .brown li a { color: #fff; } .brown li a:hover { background-color: #76411a; color: #fff; } .brown ul li a:hover { background-color: #662b00; border-top-color: #471e00; border-bottom-color: #471e00; } .black { background-color: #333; border-color: #000; } .black li a { color: #fff; } .black li a:hover { background-color: #444; color: #fff; } .black ul li a:hover { background-color: #333; border-top-color: #000; border-bottom-color: #000; } .darkblue { background-color: #17374c; border-color: #003333;border-left: none; } .darkblue li a { color: #fff; } .darkblue a.selected { padding: 13px 11px; } .darkblue li a:hover, .darkblue li a.selected { background-color: #2a5475; background-color: #000; color: #fff; } .darkblue ul li a:hover { background-color: #2a5475; background-color: #000; border-top-color: #000; border-bottom-color: #000; } /********TOP NAVI CSS END*****/ .contentrow_box { width: 480px; } .contentrow_box h4 { font-size:15px;line-height: 1.3em; margin:0px;padding: 0px; margin-bottom:8px; } .contentrow_box .maincomment{ line-height: 1.5em; text-align:justify ; } .nameandoccupation { font-size:12px; color: #666;font-weight: bold; } .left180 { float:left;display: block; width:180px; } .left800 { float:left;display: block; width:800px; } .left620 { float:left;display: block; width:620px; } .profilelinemenu { font-size: 12px; color: #333; margin: 10px 0px;} .profilelinemenu li.heading,.profilelinemenu li.heading:hover{ padding: 5px;font-weight: bold; margin-bottom:5px; background-color: #f7f7f7; } .profilelinemenu li.heading a { padding: 0px; } .profilelinemenu li.selectedmenu,.profilelinemenu li.selectedmenu:hover{ padding: 0px;font-weight: bold; background-color: #ececec; margin-right: -8px; background-image: url('../images/right_arrow_colorized.png'); background-position :center right; background-repeat: no-repeat; } .profilelinemenu li ul { display:inline-block;visibility: hidden; float:right;margin: 0px;} .profilelinemenu:hover li ul { visibility:visible;background-color: #fff;border: none;border-left: 1px solid #ececec; } .profilelinemenu li ul li { margin: 0px; } .profilelinemenu li a { color: #666; display: block; padding: 5px; } .profilelinemenu li:hover, .profilelinemenu li a.active { text-decoration: none;color: #333;background-color: #ececec;} .profilelinemenu li:hover a { text-decoration: none;} .expertiseadder { border: 1px solid #ececec; padding: 0px; display:block; border-right: none; clear:both; margin: 10px 0px; } .expertiseadder input[type="text"]{ padding:3px; width:157px;border: none; color: #999; box-shadow: none; background-position:5px center;background-repeat: no-repeat; padding-left:18px; margin-left: 0px; background-image: url('../Images/plus_for_menurow.png'); background-position:5px center;background-repeat: no-repeat; } .profilelinemenu li .leavenetwork { visibility: hidden;vertical-align: middle; } .profilelinemenu li:hover .leavenetwork { visibility: visible; opacity:0.70} .profilelinemenu li .leavenetwork:hover { opacity:1.0} .profilelinemenu li:last-child { clear:both; } .righttoollink { float: right; display:block;font-weight: normal;color: #336699;padding: 5px;margin: 0px; } .righttoollink a { color: #336699;padding: 0px;margin: 0px; } li .righttoollink { padding: 0px;margin: 0px; } li .righttoollink a { padding-top:1px;font-size: 10px; } li.heading .righttoollink {padding-top:1px;font-size: 10px;color: #336699;} .profilelinemenu li#minisearch { border: 1px solid #ececec; } .profilelinemenu li#minisearch input[type="text"]{ background-image: url('../Images/search_for_menurow.png');} #profile_content_box_lined { padding: 0px 20px; min-height: 400px; } .rightbordered { width:179px; border-right: 1px solid #ececec; } .profilename { max-width: 480px;} h1.profilename { font-size: 20px;color: #333;font-weight: bold;margin-bottom: 0px; } h2.profilename { margin-bottom:0px; } h3.profilename { color: #999; font-weight:normal; margin-bottom:5px; } .profilesocialbox { float: right; display:block; width:100px; text-align: left; } .profilesocialbox img { margin: 1px; } .profilecontentrow { margin-bottom:20px; padding-bottom:20px;border-bottom: 1px solid #ececec; } .profilecontentrow .creatorphoto { max-width: 30px; margin-right:6px; } .profilecontentrow .smallsmoke { font-size:10px;color: #666;line-height:normal; margin-bottom:2px;} .profilecontentrow h2 { font-size: 14px; line-height: 19px; margin-bottom:5px;color: #0078b4; font-weight: bold; } .answer { color: #444; font-size:13px; line-height:18px;max-width: 480px;text-align: justify; } .answerbox { width:440px;} .speechToText { color:#f7f7f7 !important; width: 20px !important; height: 20px !important; border: none !important; cursor: pointer !important; outline: none !important; background: transparent !important; background-color: #f7f7f7; float:right !important; display:block !important; margin-right:-35px !important; margin-bottom:-20px !important; } .addcontent_box { background-color: #f7f7f7;padding: 8px;color: #666;width: 460px; } .addcontent_box textarea,.addcontent_box input[type="text"] { font-size:16px; font-weight:bold;color: #000;line-height: 22px;padding: 5px; width: 448px; margin-bottom:8px; box-shadow: none; } .addcontent_box textarea.description,.addcontent_box input[type="text"].description {color: #999; font-size: 13px; font-weight:normal; padding: 5px;} .addcontent_box p:last-child { line-height:normal;margin: 0px; } .addcontent_box h1 {} .addcontent_box input[type=checkbox] { margin-right:3px;vertical-align: middle; } .addcontent_box label { font-size:10px;color: #666;vertical-align: middle; } .questionsharebox { background-color: #fff; padding: 8px; } .questionlink { } .counter { font-size: 14px; font-weight: bold;color: #999;margin: 0px 5px; } .addcontent_box .counter { font-size: 12px; margin-bottom:-18px; margin-top:3px; z-index:999; } .addcontent_box .counterwarning{color:#600;} .addcontent_box .exceeded{color:#e00;} /*#qDesCounter { position:relative; bottom:-18px; }*/ #googletrendslnk { color: #999;cursor: pointer; } .askquestionACListBox { width:580px !important; } .askquestionACList { border: 1px solid #ccc; margin-top:-1px; border-bottom-color: #ececec;} .askquestionACListli, .askquestionACListHighlighted{ font-size:14px;color: #444; line-height:28px; background-color: #fff; display:block; padding: 7px 8px 18px 8px; height:18px; overflow: hidden; } .askquestionACListHighlighted { background-color: #ececec; } .expertises_aclist{background-color: #fff;padding: 3px;border-top: 1px solid #ececec; margin-left:0px; box-shadow: 0px 2px 2px #ccc; } .expertises_aclist_item, .expertises_aclist_item_highlighted { padding: 5px 3px; font-size:12px; color: #666; border-bottom: 1px solid #ececec; } .expertises_aclist li:last-child{ border: none;} .expertises_aclist_item_highlighted { background-color: #ececec;} .countbox { margin: 8px 0px;} .countbox a {float:left;display: block; margin-right:2px; text-align: center; background-color: #f5f5f5; color: #444;padding: 10px;cursor: pointer; } .countbox a:hover { background-color: #ececec; color: #333;text-decoration: none; } .countbox a .count {font-size:28px;font-weight: bold; } .countbox a .textdescription {font-size:11px;color: #888; } .regionpost_embedbox { text-align:left; border: 3px dashed #ececec; padding:10px; margin-top:10px; margin-bottom:10px; } .regionpost_embedbox .posttitle { display:block; font-size :14px; font-weight:bold; line-height: 1.3em; margin-bottom:10px; padding-top:6px;} .regionpost_embedbox .bookmarkImage { float:left; display:block;max-width: 95px;padding-right:5px;} .regionpost_embedbox .bookmarkImage img {max-width: 95px;} .regionpost_embedbox .bookmarkContent { float:none; display:block; } .regionpost_embedbox .hostAdress { font-size:10px !important;color: #999;} .regionpost_embedbox .description { font-size:13px; color: #666;line-height: 18px; } .regionpost_embedbox hr { margin: 3px 0px !important; } .photostreambox { background-color: #f7f7f7;border: 1px solid #f4f4f4; padding: 4px;border-radius: 2px; } .photostreambox a,.photostreambox p { color: #999; } .photostreambox p { font-size:11px;color: #999; line-height:1em; margin: 0px; margin-bottom:7px; padding: 0px 2px; } .photostreambox .photoitems {background-color: #fff; padding:3px; display:block; border-radius: 2px; border: 1px solid #f4f4f4;border-top: 1px solid #f4f4f4; padding-bottom:1px; } /*#region MINI MENU-X FOR PROFILE PAGE */ ul.menuhor { margin: 0; padding: 0; list-style: none; width: 179px; /* Width of Menu Items */ font-size: 12px; } ul.menuhor li { position: relative; } ul.menuhor li ul { position: absolute; left: 179px; /* Set 1px less than menu width */ top:-1px; min-width: 150px; display: none; padding: 6px; background-color: #fff; } ul.menuhor li:first-child ul { top: 0px; } /* Styles for Menu Items */ ul.menuhor li a { display: block; text-decoration: none; color: #444; padding: 5px 15px 5px 5px; background: #fff; margin: 0px; white-space: nowrap; background-image: url('../Images/minisubmenu_arrow.png'); background-position: right center; background-repeat: no-repeat; border-bottom: 1px solid #ececec; overflow: hidden; } ul.menuhor li ul li:last-child a { border: none;} /* Fix IE. Hide from IE Mac \*/ * html ul.menuhor li { float: left; height: 1%; } * html ul.menuhor li a { height: 1%; } /* End */ ul.menuhor li ul { border: 1px solid #ececec; border-left: 3px solid #dedede;} ul.menuhor li a:hover,ul.menuhor li:hover a { background-color: #ececec; } /* Hover Styles */ ul.menuhor li ul li a { padding: 5px; background-image: none; } /* Sub Menu Styles */ ul.menuhor li:hover ul, ul.menuhor li.over ul { display: block; } /* The magic */ ul.menuhor li ul li:hover a,ul.menuhor li ul li a { background-color: #fff !important;} ul.menuhor li ul li a:hover { background-color: #ececec !important; } .editsaveminibutton, .editsaveminibutton:hover { display:inline-block !important;border: none !important; color: #666 !important; background-color: #666 !important; font-size:10px !important; cursor:pointer; padding: 3px 7px 4px 7px !important; } .editsaveminibutton:hover { background-color: #333 !important; display:inline-block !important; } .contentcount { background-color: #444;padding: 2px 5px; margin-right:5px; font-size: 10px; font-weight:bold; color: #fff;border-radius: 2px; } .goodbadmark { display:block; cursor: pointer; padding: 8px 0px; text-align:center; margin: 5px 1px;background-color: #ececec; border-radius: 2px; } .goodbadmark img { vertical-align: middle; } .goodbadmark:hover { background-color: #ccc; } .adminprofiletoolitem { font-size:13px;color: #333; display:block;padding: 5px 10px;border-bottom: 1px solid #f9f9f9; background-color: #fff;} a.adminprofiletoolitem { } a.adminprofiletoolitem:hover { background-color: #666;color: #fff; text-decoration: none; } .activityitem { font-size: 13px;color: #666; } .activityitem .leftbox {float:left; display:block;width: 30px; margin-right:5px; } .activityitem .centerbox { float:left; display:block; width: 400px; } .activityitem .rightbox { float:left; display:block; width:540px;padding: 0px;margin: 0px;} .activityitem .activitytext { margin: 0px; float:left; display:block; width: 390px;line-height: 16px; } .activityitem hr { margin: 15px 0px;border-bottom-color: #f0f0f0; } .date { color: #999;float: right; display:block; font-size:10px; text-align :right; width:130px;} .quotebox { border-left: 3px solid #ececec; text-align: justify; padding: 3px 0px 3px 8px;margin: 6px 0px 5px 2px; float:left; display:block; } .quotebox h5{ font-weight: bold; font-size: 13px; text-align :left; } .quotebox p{} .quotebox .quotebox { border-left:3px solid #ccc; font-size:13px;background-color: #f7f7f7;padding: 8px; text-align:left; margin-top:15px; width:470px !important;margin-bottom: 0px; } .activityitem .quotebox { width:485px;} .activityitem ul, .activityitem ol { list-style-position: inside; margin: 3px 3px 10px 14px; padding: 0 2px 0 5px; text-align: left; text-indent: 2px;} .activityitem ul li{ margin-left: 14px;list-style-type: disc;} .activityitem ol li { margin-left: 14px;list-style-type: decimal;} .photowithinforow { font-size:13px;color: #666; } .photowithinforow .leftbox { width: 70px; } .photowithinforow .rightbox { width:490px; } .photowithinforow p { font-size:13px;line-height: 1.3em; } .mininame, .miniheadlinetext { font-size:11px;color: #333; line-height :1em;margin: 0px; padding-bottom:3px; } .miniheadlinetext { line-height: 1.3em;color: #999; padding-top:2px; width:380px; text-align:left; } .mediumname, .mediumheadlinetext {font-size:12px;color: #333; line-height :1em;margin: 0px; padding-bottom:3px;} /*#endregion*/ .searchResult { padding-top: 5px; padding-bottom: 5px; } .searchResult .searchPhoto{ float: left; width: 35px; height: 35px; margin-right: 5px; clear: both; display: block; } .searchResult .searchTitle{ width: 580px; float: left; font-size: 14px; line-height: 1em; } .searchResult .searchDescription{ float: left; width: 580px; padding-top: 2px; padding-bottom: 2px; font-weight: bold; } .searchResult .searchStats{ float: left; width: 580px; color: #999; } .searchResult .searchWrapper { width: 580px; display: inline-block; } .userPhotos { float: left; margin-right: 10px; margin-bottom : 10px; padding: 5px; background: #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #FBFBFB; border: 1px solid #f0f0fd; } .checkboxText{display: inline-block; line-height:1.2em; margin-top:-2px; margin-left: 5px; margin-bottom:5px;} .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 900; } .thumbnail span{ position: absolute; left: 0px; visibility: hidden; color: #000000; text-decoration: none; } .thumbnail span img{ border-width: 0; } .thumbnail:hover span{ visibility: visible; top: -286px; left: 0px; }