/* ---------------------------------------------------------------------------*/ /* Elements */ /* ---------------------------------------------------------------------------*/ * {margin:0px; padding:0px; } a {border:none; cursor:pointer; outline:none;color:#86bce2; outline: 0; } a:link {text-decoration:none;} a:visited {color:#808080; text-decoration:none;} a:hover {color:#86bce2;} body {background: #efefef; font-weight: normal; font-size: 12px;font-family: Helvetica, sans-serif; margin:0; padding:0;color:#808183 } h1 {margin:0px 0px 10px 0px;} img {border:none;} p {padding:0px 0px 10px 0px;color:#6A7C88;} li {list-style:none;} ul {list-type:none} button {outline: 0;} td {background:#fff;padding:8px;} thead td {color:#395060; border-left: 1px solid #b1c2ca; font-weight:bold;font-size:14px} tbody td {color:#808183; border-left: 1px solid #b1c2ca; } h1,h2,h3,h4 {color:#3B5262; margin:0 0 10px 0} textarea, input[type="password"],input[type="text"],select[size],select[multiple],select[size][multiple]{ height:27px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid #b1c3c7;-webkit-box-shadow:inset 0 2px 4px 2px #e3e8ec;-moz-box-shadow:inset 0 2px 4px 2px #e3e8ec;-ms-box-shadow:inset 0 2px 4px 2px #e3e8ec;-o-box-shadow:inset 0 2px 4px 2px #e3e8ec;box-shadow:inset 0 2px 4px 2px #e3e8ec;border-color:#b1c3c7;background:#fff;padding:2px 6px} textarea { resize: none; } select{background-color:transparent; padding:4px;height:23px;-khtml-appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;-moz-border-radius-topleft:3px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:3px;-webkit-border-radius:3px 4px 4px 3px;-o-border-radius:3px 4px 4px 3px;border-radius:3px 4px 4px 3px;padding:1px 30px 4px 5px;background:url("../images/select/arrow.png") top right no-repeat,url("../images/select/left.png") top left no-repeat,url("../images/select/repeat.png") top left repeat-x;padding:4px} input, select, textarea{font-size: 13px; font-family: Helvetica,Arial;color: #3E5765;} /* ---------------------------------------------------------------------------*/ /* IDs */ /* ---------------------------------------------------------------------------*/ /* ---------------------------------------------------------------------------*/ /* Classes */ /* ---------------------------------------------------------------------------*/ .clearBoth{clear:both;} .bold{font-weight:bold} .clear{clear:both;} .hoverBlue {background: #d3f0fa;} .round-box{background: none repeat scroll 0 0 #F1F5F8;border: 1px solid #97A6AF;border-radius: 5px 5px 5px 5px;width: 500px;margin:10px 0;} .round-box .container-header {padding:10px 0px 10px 10px;font-weight:bold;} .table-headers{color:.container-title } .floatLeft{float:left} .floatRight{float:right} .odd-td {background:#f8f8f8} .noborder{border:none} .borderCornerTopRt{border-radius:0 5px 0 0} .borderCornerBottomRt{border-radius:0 0 5px 0} .borderCorner{border-radius:5px} .dotted-divider{background: url("../images/dotted-divider.png")repeat-x; height:3px; margin:15px 0 15px 0} .hide{display:none} .checkmark-icon{vertical-align:middle;margin:0 0 0 5px} .textCenter{text-align:center} a.editIcon, a.deleteIcon, #popDownMsg .failurePopDownIcon, #popDownMsg .successPopDownIcon{background:url("../images/icons-sprite.png");} a.editIcon, a.deleteIcon{display:inline-block;width:20px; height:20px; vertical-align:middle;background-repeat:no-repeat;margin: -4px 0 0 5px} a.editIcon{width:20px; height:20px} a.deleteIcon{background-position:-17px 0;} /*wait overlay*/ #waitoverlay-container{position:absolute;width:100%;height:100%; display:none;} .waitoverlay{position:absolute;top: 0;left: 0;z-index: 9998;height: 100%;width: 100%;background-color: #000;opacity: 0.3;filter: alpha(opacity = 20);display: block;} #waitoverlay-container #spinner-container{position:absolute;top:50%;left:50%;z-index:10000;background:#e6eef1; text-align:center;width:200px;height:200px;border-radius: 8px;-moz-box-shadow: 0 0 8px 3px #888;-webkit-box-shadow: 0 0 5px 5px#888;box-shadow: 0 0 8px 3px #888;} #waitoverlay-container #spinner-container img{margin:60px 0 10px 0} #waitoverlay-container #spinner-container p{color:#000} /*Dialog Style */ .dialog{border:1px solid; border-radius: 10px; background:#dce5ea} .dialog-footer{border-top:1px solid #FFF; background:#e4ecef; border-radius:0 0 10px 10px; padding:0 25px 0 25px} .dn-dialog-content{padding:25px;border-bottom:1px solid #b3c1ca} .ui-widget-overlay{position:absolute;top: 0;left: 0;z-index: 9998;height: 100%;width: 100%;background-color: #000;opacity: 0.5;filter: alpha(opacity = 20);display: block;} .dn-dialog-buttonset{height:48px} .dn-dialog-buttonset button{width:110px; margin-left:15px; clear:none} .dialog-box-close-button{float:right; margin:10px;display:inline-block;width:13px;height:13px; background:url("../images/buttons/close.png"); vertical-align:top;} div.main-content, #header div.content, #page-header div.page-header-content, #breadcrumb-section .breadcrumb-content{margin:0 auto 0 auto;width: 1050px;} div.main-content{padding:15px 0 0 0} .errorMessage, .message{color:red;} .error-dialog-heading{background:url("../images/badge_icons/alert_48.png") no-repeat scroll left 5px transparent; padding:10px;} .error-dialog-title{margin-left:55px;width:375px;} .error-dialog-red-color{color: #ff3636;} .success-dialog-green-color{color: #6A7C88;} /*popDownMsg*/ #popDownMsg { width:500px; text-align:center; top:0px;left:50%; margin-left: -250px; border: 1px solid #97A6AF; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding:20px 0px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; font-weight:bold; display:none; font-size:11px; position: absolute; background-color: #ffffff; z-index:100000000000 } .delete-confirmation-dialog{text-align:center;padding:70px 0px 50px 0px;font-size:16px;} #popDownMsg .popDownIcon{display:inline-block;width:50px; height:50px} #popDownMsg .failurePopDownIcon{background-position:5px -20px} #popDownMsg .successPopDownIcon{background-position:-50px -20px; width:45px} #popDownMsg .alignImageText{vertical-align:middle; margin-right:5px;} /*Nav Bar*/ #header {background: transparent url("../images/topnav/header-bg-left.png") top center repeat-x} #header div.content {height: 50px;} #header div.content ul {float:right} #header div.content ul li {float: left;cursor: pointer;} #header div.logo {float:left;width: 244px;padding-top:15px;font-size: 16px;font-family: Helvetica;color:#ffffff;font-weight:bold;cursor:default} /*#header div.account {float:right;width: 244px;padding-top:17px;font-size: 14px;font-family: Helvetica;color:#ffffff;cursor:default}*/ #developer-ui-nav-bar li {color: #FFF; font-size:12px;line-height: 15px;margin: 0;padding: 17px 30px;} #developer-ui-nav-bar li:hover, .nav-active-page {background-color: #1b5885;} .nav-active-page{cursor:default} /*Page Header*/ #page-header{background-color: #fdfdfd;border-bottom: 1px solid #e7e7e7;} #page-header div.page-header-content{padding:20px;font-size:18px;font-weight:bold;color:#3b5262; } /*bread crumb*/ #breadcrumb-section{background:url("../images/bread-crumb-background.png");border-bottom: 1px solid #e1e1e1;} #breadcrumb-section .breadcrumb-content{font-size:12px;} #breadcrumb-section .breadcrumb-home{color:#3991ce;} #breadcrumb-section .breadcrumb-current{color:#828387;} #breadcrumb-section .breadcrumb-content img{vertical-align:middle;margin: 0 5px;width:17px; height:27px;} /*Documentation*/ #documentation div, #documentation .sample-code-description {margin-top:20px;} #documentation .document-resources {margin-top:20px;} #documentation ul li{margin-bottom:10px;} #documentation .document-sample-code, #documentation .document-heading{margin-top:10px;} #documentation a:visited{color:#86BCE2} /*My Profile*/ .my-profile-text-body, .bodyText{margin:10px 0px 30px 0px;border: 0px solid black;width:850px;} /*#myprofile-box .border-bottom {border-bottom: 1px solid #C0C0C0;}*/ #myprofile-box .border-bottom {box-shadow: 0 1px 0 0 #C0C0C0, 0 2px 0 0 #FFFFFF} #myprofile-box ul li {padding:10px 0 10px 20px} #myprofile-box ul li input {border-radius: 2px;} #myprofile-box h3{color:#6a7c88;padding:10px 0 0 15px} #myprofile-box #profile-information-ul label{width:230px;color:#808183;font-weight:bold; display:inline-block;border:none;} #myprofile-box #profile-information-ul p{width:200px;color:#818085;display:inline-block;vertical-align:top; padding:0;} #myprofile-box #my-profile-domain-li p{padding:10px 0 0 0} #myprofile-box #my-profile-domain-li label{padding:10px 0 10px 0} #myprofile-box #my-profile-domain-url-input{width:170px; margin-right:10px} #my-profile-domain-li{padding:10px 0 10px 20px} #my-profile-domain-li:hover{background: #d3f0fa;} #myprofile-box a, #my-profile-content a{color:#3891CD} #myprofile-box p {word-break: break-all;} /*Account Management*/ #my-account-box #account-management-table {width: 900px;} #my-account-box .scroll-padding{padding-bottom:200px;} #my-account-box table td {border-width:0px 1px 1px 0px; border-style: solid; border-color: #e1e1e1;padding-left:10px;} #my-account-box .category-name td {font-family: Helvetica;font-size:14px;padding-top:10px;padding-bottom:10px;} #my-account-box #account-management-table-tbody td{font-family:helvetica; color:#828387; font-size:12px;} #my-account-box .user-column-width, #my-account-content .association-column-width, #my-account-box .my-account-name, #my-account-content .my-account-status {width:225px;} #my-account-box .email-column-width, #my-account-box .my-account-email {width:270px;} #my-account-box .role-column-width,#my-account-box .my-account-role {width:130px;} #my-account-box .centerText, #my-account-box .my-account-status {text-align:center;padding:0;} #my-account-box table td input#account-management-user{height:20px;margin: 9px 0px;} #my-account-box table td input#account-management-email{height:20px;width:245px;} #my-account-box table td #add-account-button {width:150px;margin:0 0 0 30px} #my-account-box #account-management-table-tbody tr.hoverRow:hover td, #my-account-box #account-management-table-tbody-scroll tr.hoverRow:hover td{background: #d3f0fa;} #my-account-box #account-management-table-tbody tr.greyRow td, #my-account-box #account-management-table-tbody-scroll tr.greyRow td{background: #F8F8F8;} #my-account-box .account-management-table-details {width:898px;border-width:1px 0 0 0; border-style: solid; border-color: #e1e1e1;} #my-account-box .account-management-table-details td{padding-top:10px;padding-bottom:10px;} #my-account-box .addUserButtonScroll{position:relative;top:-202px;} #my-account-box .addUserButton{margin-top:20px;} #my-account-box #account-management-scroll {position:relative;top:-212px;left:1px; z-index:1;} #my-account-box #account-management-scroll .viewport {width: 900px; height: 200px; overflow: hidden; position: relative;} #my-account-box #account-management-scroll .overview {position: relative; left: 0; top: 0; padding: 0; margin: 0; } #my-account-box #account-management-scroll .scrollbar{position: relative;float: right; left:-100px; z-index: 2; } #my-account-box #account-management-scroll .thumb { background: transparent url(../images/scroll/scroll-bar.png) no-repeat 50% 100%; cursor: pointer; position: relative; } #my-account-box #account-management-scroll .thumb .end { background: transparent url(../images/scroll/scroll-bar.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 6px; } #my-account-box #account-management-scroll .disable { display:none;} /*Login Box*/ #login-box input[type="password"], #create-company-box input[type="password"]{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #B1C3C7;border-radius: 5px 5px 5px 5px;box-shadow: 0 2px 4px 2px #E3E8EC inset;padding: 2px 6px;margin: 0;} #login-box{padding:30px 30px 30px 10px;width:260px;background: none repeat scroll 0 0 #F2F7FA;} #login-box .login-text-fields, #login-box .login-text-field-names {float:right;} #login-box .login-text-fields{text-align:left;} #login-box .login-text-field-names{text-align:left;margin-right:10px;line-height:32px} #login-box {line-height:20px;margin-top:30px;} #login-box li{margin-bottom: 10px;} #login-box button {width:100px;} #login-box .login-text-fields a:visited{color:#86BCE2;} #login-box .login-text-fields {text-align:right;} /*Create Company Box*/ #create-company-box input[type="password"], #create-company-box input[type="password"]{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #B1C3C7;border-radius: 5px 5px 5px 5px;box-shadow: 0 2px 4px 2px #E3E8EC inset;padding: 2px 6px;margin: 0;} #create-company-box{padding:30px 0px 30px 20px;width:360px;background: none repeat scroll 0 0 #F2F7FA;} #create-company-box .login-text-fields{text-align:left;} #create-company-box .login-text-field-names{text-align:left;margin-right:10px;line-height:32px} #create-company-box {margin-top:30px;} #create-company-box li{margin-bottom: 15px;} #create-company-box button {width:100px;} #create-company-box .login-text-fields a:visited{color:#86BCE2;} #create-company-box .login-text-fields {text-align:right;} #create-company-box ul {margin-left:auto;margin-right:auto;width:320px;} #create-company-box ul li div {float:left;width:130px;} #create-company-box ul li div span{font-size:10px;font-style:italic;} #create-company-box ul li textarea {height:80px;width:150px;overflow:auto;} #create-company-box ul li input, #create-company-box ul li textarea {margin-left:5px;clear:left;} #create-company-box #create-company-submit button, #create-company-box #update-company-submit button {float:right;margin-right:30px;} /*Create Account Box*/ #create-account-box, #create-account-success, #create-company-submitted{padding:30px 0px 30px 20px;width:360px;background: none repeat scroll 0 0 #F2F7FA;} #create-account-box, #create-account-success, #create-company-submitted {margin-top:30px;} #create-account-box li{margin-bottom: 15px;} #create-account-box button {width:100px;} #create-account-box ul {margin-left:auto;margin-right:auto;width:320px;} #create-account-box ul li div {float:left;width:130px;margin-top:5px;} #create-account-box ul li div span{font-size:10px;font-style:italic;} #create-account-box ul li textarea {height:80px;width:150px;overflow:auto;} #create-account-box ul li input, #create-account-box ul li textarea {margin-left:5px;clear:left;} #create-account-box #create-account-submit button {float:right;margin-right:30px;width:150px;} #create-account-box #captcha-container{width:320px;} #create-account-box #captcha-container img.captcha-image {width:300px;display:block;} #eula-dialog #eula-content{border: 1px solid #97A6AF;max-height: 300px;overflow-y: scroll;padding: 5px;} #create-account-success h2, #create-company-submitted h2{color: #3C515E;font-size: 20px;font-weight: normal;} #create-account-success h2.checkmark, #create-company-submitted h2.checkmark{ background: url("../images/icons-sprite.png") no-repeat scroll -50px -30px transparent; min-height: 34px; padding-left: 50px; padding-top: 7px; } .check-item {margin-top:20px;} .check-item a{border: medium none; color: #86BCE2; cursor: pointer; outline: 0 none; } .check-item .condition-check-box{float:left;} .check-item .condition-text{float:left;width:285px;padding-left:10px;} /*Account Validation*/ div.attention{background: url("../images/badge_icons/attention_48.png") no-repeat scroll left 5px transparent;margin-top: 30px;margin-bottom: 30px;margin-left: auto;margin-right:auto;line-height: 25px;padding: 20px 0px 0px 58px;width:350px;} div.attention a, #validateAccount_complete a{color:#86BCE2;} #validateAccount_start, #validateAccount_complete{width:350px;margin-left:auto;margin-right:auto;padding: 20px 0px 20px 0px;} #nav-validateaccount a, #nav-createaccount a {color:#FFFFFF;} /* #account-validation-box{padding:30px 0px 30px 20px;width:360px;background: none repeat scroll 0 0 #F2F7FA;} #account-validation {margin-top:30px;} */ /*Buttons*/ button img{vertical-align:middle; margin-top:-2px} button span{font-weight:bold} button { background: url('../images/buttons/blue-buttons-sprites.png') no-repeat scroll right -29px transparent; color: white; display: block; font-size: 13px; font-weight: normal; height: 28px; line-height: 26px; margin-right: 6px; padding-right: 18px; text-decoration: none; border:none; cursor:pointer; margin:10px 0 15px 0; } button span { background: url('../images/buttons/blue-buttons-sprites.png') no-repeat scroll left 0 transparent; color: white; display: block; height:28px; line-height: 26px; padding: 0 0 1px 18px; margin:-1px 0px 0px 0px; } button:hover{background-position: right -146px} button:hover span{background-position: left -116px} button:disabled{background-position:right -263px; cursor:default;} button:disabled span {background-position:left -234px} /*Fix for IE*/ button.disabledButton{background-position:right -263px; cursor:default;} button.disabledButton span {background-position:left -234px} /*start tooltip styles*/ .ui-tooltip { color: #2C99CE; font-size: 13px; top: 0; } .ui-tooltip.default { background: #FFF; padding: 5px; text-align: center; border: 1px solid #afb8bf; } .rounded { visibility: hidden; position: absolute; } .rounded .hover-inner-container { padding: 10px 10px 0 0; position: relative; text-align: center; } #tooltip-content { word-wrap: break-word; } .rounded .hover-inner-container, .rounded .top-tooltip, .rounded .bottom-tooltip, .rounded .bottom-tooltip div { background: url(../images/ToolTip_DropShadow.png) no-repeat right top transparent; } .rounded .top-tooltip { background-position: left top; height: 100%; left: 0; margin-left: -10px; position: absolute; top: 0; width: 10px; } /*height of the bottom corner + dropshadow*/ .rounded .bottom-tooltip, .rounded .bottom-tooltip div { height: 13px; } .rounded .bottom-tooltip div { background-position: left bottom; margin-left: -10px; position: relative; width: 10px; } .rounded .bottom-tooltip { position: relative; width: 100%; background-position: right bottom; } #tooltip-pointer { background: url(../images/TipPoint_dropShadow.png) no-repeat scroll transparent; background-position: center bottom; height: 15px; position: absolute; left: 45%; width: 18px; } #tooltip-pointer.bottom-tip { bottom: -6px; } #tooltip-pointer.top-tip { top: -6px; background-position: center top; } /*end tooltip styles*/ /*Captcha Styles*/ #captcha-container{width: 230px;padding: 5px;background-color: #F5F8FA; margin: 20px auto 20px auto;display:none;float:right;} #captcha-container div.captcha-controls-container{padding:10px 0 0 0} #captcha-container div.captcha-controls-container div.captcha-input-container{width:202px;padding:10px 0 0 0 ;float:left} #captcha-container div.captcha-controls{float:left;padding-top:17px} #captcha-container div.captcha-controls-container div.captcha-input-container p{padding:0;margin:0 0 2px 2px;float:left} #captcha-container img.captcha-image{width:230px;height:57px;border-radius: 5px;border: 1px solid #97A6AF;} #captcha-container input{width:185px; margin:0 3px 0 0} #captcha-container a.captcha-audio{width:280px;display:none;padding:22px 0 21px 20px;background-color:#fff} #captcha-container .refresh-captcha-button,#captcha-container .captcha-audio-button,#captcha-container .captcha-image-button{display:block;width:23px;height:18px;background:url("../images/captcha/refresh.png") no-repeat;float:left;margin-left:5px;margin-right:0} #captcha-container .captcha-audio-button{background-image:url("../images/captcha/audio.png")} #captcha-container .captcha-audio-button:hover{background-image:url("../images/captcha/audio_hover.png")} #captcha-container .captcha-image-button{background-image:url("../images/captcha/image.png")} #captcha-container .captcha-image-button:hover{background-image:url("../images/captcha/image_hover.png")} #captcha-container .refresh-captcha-button:hover{background-image:url("../images/captcha/refresh_hover.png")}