/* ==============================================================================
                                    Common Styles
   ============================================================================== */
html { background-color: transparent; height: 100%; }
body { background-color: #EEE; font-family: Arial, Helvetica, sans-serif; margin: 0px; color: #595959; background-color: transparent; font-size: 14px; line-height: 24px; position: relative; text-align: left; height: 100%; }

a, a:visited, a:hover, a:active { color: #0099ff; text-decoration: none }
    a:hover { text-decoration: underline; color: #447CBF; }

h1, h2, h3, h4, h5, h5, h6, h7 { margin: 0; line-height: normal; font-family: arial, sans-serif; }
H1 { font-size: 28px; color: #000000; font-weight: bold; }
H2 { font-size: 26px; color: #000000; font-weight: bold; }
H3 { font-size: 40px; color: #2abeaa; font-weight: bold; }
H4 { font-size: 28px; color: #000000; font-weight: bold; }
H5 { font-size: 22px; color: #000000; font-weight: bold; }
H6 { font-size: 16px; color: #000000; font-weight: bold; text-align: center; }
.H6 { font-size: 16px; color: #000000; font-weight: bold; text-align: center; }
H7 { font-size: 22px; line-height: 24px; letter-spacing: .05em; color: #666666; font-weight: bold; text-align: left; text-transform: uppercase; }
p { line-height: 160%; margin-top: 5px; }
textarea { resize: none; }
.ContentWrapper { display: inline-block; width: 96%; padding: 2%; }
.box-size { box-sizing: border-box; }
/* ==============================================================================
                                Success / Warning / Error
   ============================================================================== */
div.success {
    position: relative;
}
.success-img { position: absolute; top: 20px; }
.success-message { margin-left: 12px; padding: 15px 15px 15px 75px; border: 2px solid #dddddd; border-radius: 10px; min-height: 130px; background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTBlMGUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,1) 55%, rgba(224,224,224,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 55%,rgba(224,224,224,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 55%,rgba(224,224,224,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 55%,rgba(224,224,224,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 55%,rgba(224,224,224,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); }
    .success-message h1 { margin-bottom: 15px; }
.box.submission { background: url(/Media/Image_SuccessfulSubmission.png) 20px 20px no-repeat; }
.box.warning { background: url(/Media/Image_AccountExists.png) 20px 20px no-repeat; }
.box-message { padding: 30px 15px 15px 135px; border: 2px solid #dddddd; }
.box-grey { border: 1px solid #dddddd; background-color: #f0f0f0; display: block; padding: 6px 15px 0; }
.box-grey-light { border: 1px solid #cdcdcd; background-color: #f6f6f6; display: block; padding: 10px 10px 20px 10px; }
.box-white { border: 1px solid #808080; }
.text-msg { background-repeat: no-repeat; padding-left: 35px; margin: 5px; text-align: left; display: inline-block; }
.text-success { background-image: url('/Pass1.0/Media/Icon_Success.png'); }
.text-information { background-image: url('/Pass1.0/Media/Icon_Info.png'); background-position: 4px 4px; background-repeat: no-repeat; }
.text-warning { background-image: url('/Pass1.0/Media/Icon_Warning.png'); }
.text-warning-x2 { background-image: url('/Pass1.0/Media/Icon_ Warning1_48.png'); padding-left: 70px !important; }
.text-error { background-image: url('/Pass1.0/Media/Icon_Error.png'); background-position: 4px 4px; color: red; font-size: 14px; }
.text-alert { background-image: url('/Pass1.0/Media/Image_AlertHand.png'); background-position: 8px 10px; color: red; font-size: 14px; background-repeat: no-repeat; }
.text-msg.border-success, .text-msg.border-information, .text-msg.border-warning, .text-msg.border-error { padding: 5px; padding-left: 40px; background-position: 7px 5px; border-radius: 5px; }
.text-msg.border-information, .text-msg.border-error { background-position: 11px 9px; }
.border-success { border: 1px solid #7fcf00; }
.border-information { border: 1px solid #27BCFC; }
.border-warning { border: 1px solid #ffc523; width: 95% }
.border-error { border: 1px solid #ff0000 !important; }
.bg-success { background-color: rgba(142, 214, 28, 0.50); }
.bg-information { background-color: rgba(39, 188, 252, 0.50); }
.bg-warning { background-color: rgba(255, 197, 35, 0.50); }
.bg-error { background-color: rgba(255, 0, 0, 0.50); }
.alert .alert-heading{ color: inherit; font-size: 22px;}
.alert.alert-info { color: #055160; background-color: #cff4fc; border-color: #bee5eb; padding-top: 10px; padding-left: 28px; margin-top: 20px; border: 1px solid #9eeaf9; border-radius: 0.375rem; }
.alert.alert-danger { color: #58151c; background-color: #f8d7da; border-color: #f1aeb5; padding-top: 10px; padding-left: 95px; border: 1px solid #f1aeb5; border-radius: 0.375rem; }
/* ==============================================================================
                                    Layout
   ============================================================================== */
.TelerikModalOverlay {
    background-color: rgb(0, 0, 0) !important;
}
.wrapper { width: 990px; margin: auto; box-shadow: 0 0 10px #999999; -webkit-box-shadow: 0 0 10px #999999; -moz-box-shadow: 0 0 10px #999999; -o-box-shadow: 0 0 10px #999999; }
.bg-image { width: 990px; height: 140px; background-image: url(/Media/Image_SiteHeader.png); }
.bg-link { width: 320px; height: 130px; margin: 10px 0px 0px 30px; float: left; display: block; }
.content { background-color: #FFF; min-height: 600px; *zoom: 1; display: inline-block; padding: 2%; width: 96%; }
    .content:before, .content:after { display: table; line-height: 0; content: "" }
    .content:after { clear: both }
.header .nav-icon { margin: 0; width: 40px; padding: 0; cursor: pointer; }
    .header .nav-icon:after, .nav-icon:before, .nav-icon span { background-color: white; content: ''; display: block; height: 3px; margin: 5px 0; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
    .header .nav-icon span { float: none; }
    .header .nav-icon.active:before { transform: translateY(8px) rotate(135deg); -moz-transform: translateY(8px) rotate(135deg); -webkit-transform: translateY(8px) rotate(135deg); }
    .header .nav-icon.active:after { transform: translateY(-8px) rotate(-135deg); -moz-transform: translateY(-8px) rotate(-135deg); -webkit-transform: translateY(-8px) rotate(-135deg); }
    .header .nav-icon.active span { -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.header .menu-box { float: left; display: none; margin: 15px; }
.header .menu-box-home { width: 40px; float: right; display: none; }
.header #mob-nav-links li.faq-contact { display: none; }
.header { background: #2bbda7; color: #fff; font-size: 20px; padding: 5px 0; width: 100%; float: left; }
#Splash-home { max-width: 100% !important; }
.header a, .header span { color: #ffffff; font-size: 14px; color: #ffffff; float: left; text-decoration: none; }
    .header a:hover { color: #17665b; text-decoration: underline; }
    .header span.seperator { border-right: 1px solid #ffffff; margin: 0 7px; }
.header .icon-contactus { padding-left: 30px; }
.header .icon-signin { padding-left: 26px; }
.header .icon-member { padding-left: 26px !important; }
.header .icon-signout { padding-left: 26px; }
.header .head-right { display: inline-block; float: right; width: 100%; }
.header ul.links { padding: 2px 0; list-style-type: none; margin: 0; }
#home-links { display: inline-block; }
#mob-nav-links .my-account ul.rmVertical li a { width: 100% !important; }
.header ul.links li { border-left: 1px solid #218f7e; margin-left: 15px; padding: 3px 0 3px 15px; float: left; text-align: center; }
    .header ul.links li a { float: none; display: block; }
    .header ul.links li i { height: 24px; margin: 0 auto; padding: 0; width: 24px; display: block; }
/*.header .menu-top-bar{ float: left;    width: 570px; }*/
.header .menu-top-bar { float: right; width: 570px; height: 74px; padding-right: 5px; }
    .header .menu-top-bar .top-bar ul.links li { border: none; padding: 3px 0 3px 8px; margin-left: 0; }
    .header .menu-top-bar .btn-menu { padding: 3px 10px; background: #218f7e; }
        .header .menu-top-bar .btn-menu:hover { color: #ffffff; }
    .header .menu-top-bar .label { float: left; font-size: 15px; font-weight: normal; padding: 2px 0; width: auto; }
.header .row-fluid { margin: 0; }
.header .RadMenu .rmHorizontal .rmItem { border: 0 none; margin: 0; padding: 0; }
.header .RadMenu_Default .btn .rmText:hover { background-color: none !important; }
.header .RadMenu_Default .btn .rmText { padding: 2px 20px 1px 0; }
.header .RadMenu_Default .rmItem .rmSlide { left: initial !important; right: -11px; /*display:block !important; visibility:visible !important;*/ }
    .header .RadMenu_Default .rmItem .rmSlide ul { background: #218F7E; border: #218f7e solid 1px; padding: 0; /* top:0 !important;*/ }
        .header .RadMenu_Default .rmItem .rmSlide ul .rmText { color: white; background-color: rgba(0, 0, 0, 0); margin: 0; padding: 2px 5px; font-size: 14px; }
            .header .RadMenu_Default .rmItem .rmSlide ul .rmText:hover { text-decoration: underline; background-color: #17665A; }
        .header .RadMenu_Default .rmItem .rmSlide ul li { padding: 0; text-align: center; }
            .header .RadMenu_Default .rmItem .rmSlide ul li a { padding: 0; }
.header .menu-name { padding: 0 !important; }
    .header .menu-name .arrow-down { border-top-color: #ffffff; }
    .header .menu-name:hover .arrow-down { border-top-color: #17665b; }
    .header .menu-name:hover span { text-decoration: underline; }
.arrow-down { position: absolute; right: 4px; top: 8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #808080; }
.header .RadMenu_Default .rmHorizontal .rmText { padding: 0 22px 0 0; }
.header .RadMenu_Default .rmRootGroup { background: none; }
.header .RadMenu_Default, .header .RadMenu_Default a.rmLink { color: #ffffff; font-size: 15px; font-family: Arial,​Helvetica,​sans-serif; padding: 0 2px 0 7px; background: #218f7e; }
    .header .RadMenu_Default .rmRootGroup, .header .RadMenu_Default a.rmLink, .header .RadMenu_Default .rmGroup .rmText, .header .RadMenu_Default .rmVertical .rmText, .header .RadMenu_Default .rmLeftArrow, .header .RadMenu_Default .rmRightArrow, .header .RadMenu_Default .rmTopArrow, .header .RadMenu_Default .rmBottomArrow, .header .RadMenu_Default .rmIcon { background: none; border: medium none; }
.header .icon-member { background: url("/Pass1.0/Media/Icon_User_White_24.png") no-repeat scroll 0 -1px !important; }
.header .RadMenu_Default a.rmLink:hover { color: #17665b; }
.footer { width: 990px; display: block; vertical-align: middle; padding: 10px 0; background: #333333; color: #b2b2b2; float: left; font-size: 12px; }
    .footer p { padding: 0; margin: 0px; line-height: normal; padding: 5px 0; }
    .footer .left-col { float: left; margin-left: 20px; width: 835px; }
    .footer .right-col { float: left; margin-right: 20px; width: 115px; text-align: right; }
ul.links { list-style-type: none; margin: 0; padding: 0; }
    ul.links li { float: left; }
.top-banner { background: #f0f0f0; float: left; padding: 0.5% 2%; width: 96%; }
    .top-banner .left-col { font-family: "Source Sans Pro",sans-serif; color: #575757; font-size: 33px; font-weight: 300; width: 74%; float: left; line-height: normal; }
    .top-banner .right-col { width: 26%; float: left; line-height: normal; text-align: right; }
        .top-banner .right-col img { margin-top: 2px; float: right; }

/* ==============================================================================
                                    Accessibility
   ============================================================================== */
.visually-hidden { visibility: hidden; }
.hide { display: none; }
.show { display: block; }
.show-desktop { display: inline-block !important; }
.show-mobile { display: none !important; }

/* ==============================================================================
                                    Helper
   ============================================================================== */
.form-label, .form-control, .form-fluid { float: left; height: auto; min-height: 1px; position: relative; box-sizing: border-box; padding: 0px; min-height: 25px; }
.form-label { width: 30%; padding: 0 10px; line-height: 25px; font-weight: bold; text-align: right; color: #000000; }
.form-label-block { width: 100%; line-height: 25px; font-weight: bold; text-align: left; color: #000000; }
.form-control { width: 70%; padding: 0px 10px; }
.form-control-block { width: 100%; }
.form-error { padding-left: 150px; margin-left: 10px; }
.form-error-2 {padding-left:255px; margin-left:10px;}
.form-control .form-error { padding-left: 0px; margin-left: 0px; }
.textbox, .label { width: 100%; box-sizing: border-box; }
.label { display: inline-block; padding-right: 30px; text-align: right; font-weight: bold; min-height: 25px; }
.text, .label, .radio label { padding: 0px 10px; line-height: 25px; }
.checkbox label, .checkbox input { cursor: pointer; }
.checkbox label { padding-left: 5px; }
.textbox { padding: 1px 5px; height: 25px; }
textarea.textbox { height: auto; }
.radiobuttonlist input { cursor: pointer; float: left; margin-top: 4px; }
.radiobuttonlist label { padding: 0px 12px 0px 20px; line-height: 20px; }
.radiobuttonlist td { width: auto; float: left; }
.left-column { padding-right: 20px; float: left }
.right-column { padding-left: 20px; float: left; border-left: 1px solid #cccccc; }
.row-fluid, .row-button, .clearfix { *zoom: 1; }
.row-fluid, .row-button { width: 100%; margin-top: 10px; }
    .row-fluid:before, .row-fluid:after, .row-button:before, .row-button:after, .clearfix:before, .clearfix:after { display: table; line-height: 0; content: "" }
    .row-fluid:after, .row-button:after, .clearfix:after { clear: both }
    .row-button .btn-link { margin-top: 10px; margin-right: 20px; }
.text-green { color: #1a665b !important; }
.text-green1 { color: #008000 !important; }
.text-lightgreen { color: #38a83a !important; }
.text-red { color: red !important; }
.text-orange { color: #f7851e !important; }
.text-black { color: #000000; }
.text-white { color: #ffffff !important; }
.text-maroon { color: #800000 !important; }
.text-teal { color: #1b7a6c !important; }
.text-lightBlue { color: #5071b3; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-normal { font-weight: normal; }
.float-left { float: left; }
.float-right { float: right; }
.text-italic { font-style: italic; }
.text-bold { font-weight: bold; }
.margin-auto { margin: auto; }
.margin-top-0 { margin-top: 0px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-left-5 { margin-left: 5px; }
.margin-left-25 { margin-left: 25px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-80 { margin-left: 80px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-10 { margin-right: 10px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.padding-10 { padding: 10px; }
.padding-20 { padding: 20px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-50 { padding-left: 50px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-10 { padding-right: 10px; }
.border-none { border: none; }
.border-red { border: 1px solid #F00 !important; }
.font-size-10 { font-size: 10px; }
.font-size-11 { font-size: 11px; }
.font-size-14 { font-size: 14px; }
.font-size-15 { font-size: 15px; }
.font-size-12 { font-size: 12px; }
.font-size-24 { font-size: 24px; }
.background-gray { background: #f0f0f0; }
.background-gray02 { background: #f2f2f2; }
.background-yellow { background: #f2edb9; }
.background-green { background: #eaffe8; }
.background-blue { background: #e9f2f9; }
.background-red { background: #fdf1f1; }
.background-red1 { background: red; }
.background-warn-red { background: #DB4337 }
.background-warn-yellow { background: #fffb89; }
.icon-blue-arrow { background: url("/Pass1.0/Media/Icon_Triangle_Blue.png") no-repeat scroll 0 3px; padding-left: 14px; display: inline-block; margin-bottom: 5px; }
.text-color-green { color: #2abeaa; }
.text-color-red { color: red; }
.bar-green { background: #219181; color: #fff !important; padding: 5px 15px; position: relative; cursor: pointer; }
.bar-green-small { background: #219181; color: #fff; padding: 0px; }
.collapse-toggle, .collapse-toggle:hover { color: #fff !important; text-decoration: none; }
.faq .collapse-toggle, .faq.collapse-toggle:hover { color: #0099ff !important; text-decoration: none; }
    .collapse-toggle .caret-wrapper { width: 20px; display: inline-block; position: absolute; right: 10px; }
.content-box-fluid { border: 1px solid #d9d9d9; float: left; width: 100%; }
.content-box { border: 1px solid #d9d9d9; float: left; padding: 10px 15px; width: 919px; }
    .content-box .left-col { float: left; width: 50%; }
    .content-box .right-col { float: left; width: 50%; text-align: right; }
    .content-box span { color: #575757; float: left; line-height: 20px; text-align: left; }
    .content-box .form-control, .content-box .form-label { line-height: normal; }
    .content-box .row-fluid { margin-top: 3px; margin-bottom: 8px; }
.heading01 { font-size: 16px; line-height: 18px; letter-spacing: .05em; color: #666666; font-weight: bold; text-align: left; text-transform: uppercase; border-bottom: 5px solid #2bbfab; }
.headerBar { background: #808080 none repeat scroll 0 0; color: #fff; float: left; font-size: 20px; width: 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
    .headerBar i { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; float: left; height: 24px; padding: 10px; width: 24px; background-color: #2bbda7; background-position: 10px 8px; }
    .headerBar span { float: left; padding: 9px 0 9px 10px; }
.detail-text { display: inline-block; line-height: normal; font-size: 10px; font-style: italic; font-weight: normal; }
.word-break { word-break: break-all; }
.zindex-9501, div.RadWindow.zindex-9501 { z-index: 9501 !important; }
.hide-br br { display: none; }
.grid-detail-text { display: inline-block; line-height: normal; font-size: 12px; font-weight: normal; }
.RadWindow .rwDialogText { font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 18px; }
    .RadWindow .rwDialogText b { width: 27%; float: left; }
    .RadWindow .rwDialogText span { width: 73%; float: left; }
.radconfirm .rwInnerSpan { font-family: Arial,Helvetica,sans-serif; font-size: 13px; }
.radconfirm .confirm-prompt, .radalert .confirm-prompt { margin-bottom: 10px; line-height: 25px; display: inline-block; width: 100%; }
.radconfirm a.rwPopupButton { margin-bottom: 15px; }
.confirm-prompt div { width: 100%; float: left; }
div.RadWindow .detail-text { font-style: normal; font-size: 11px; }
.width-185 { width: 185px; }
.width-265 { width: 265px; }
.width-100 { width: 100%; }
.width-90 { width: 90%; }
/* ==============================================================================
                                    Rad Styles
   ============================================================================== */
.RadInput .riTextBox, .RadInput.riSingle .riTextBox { height: 25px; }
.RadComboBox { margin-top: 1.5px; }
.rgNoRecords { color: red; }
.RadAutoCompleteBox.textbox { padding: 0px; height: 25px; }
    .RadAutoCompleteBox.textbox .racTokenList { height: 21px; padding: 0; }
.RadToolTip h2 { font-size: 13px; padding: 0px 5px; margin: 0 0 3px; color: #5071b3; }
.RadToolTip p { padding: 0px 5px; margin: 0px; color: #231f29; }
.RadToolTip .rtWrapper td.rtWrapperContent { background: #fffbeb none repeat scroll 0 0; }
.RadPicker.border-error { border: none !important; }
    .RadPicker.border-error .riTextBox { border: solid 1px #F00 !important; }
.RadComboBox.border-error { border: none !important; }
    .RadComboBox.border-error table { border: solid 1px #F00 !important; }
.RadInput.border-error { border: none !important; }
    .RadInput.border-error .riTextBox { border: solid 1px #F00 !important; }
.RadGrid.RadGrid_Grid .rgFilterBox { margin-right: 3px; }
.RadMultiPage { border: 1px solid #d9d9d9; border-top: 4px solid #2bbda7; }
.RadAjax { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 10000; }
.RadComboBoxDropDown .rcbList > li { line-height: normal; }
.RadWindow .rwWindowContent .radprompt { background: rgba(0, 0, 0, 0) url("/Pass1.0/Media/Icon_ Warning1_48.png") no-repeat scroll 0 0; }
.rad-combobox { word-wrap: break-word; }
    .rad-combobox .rcbList > li { background: #55cab8; }
        .rad-combobox .rcbList > li div { padding-top: 2px !important; padding-bottom: 4px !important; }
    .rad-combobox li:nth-child(odd) { background: #ffffff; }
    .rad-combobox li:nth-child(even) { background: #ededed; }
    .rad-combobox li:hover { background-color: #f2edb9; cursor: pointer; }
    .rad-combobox .background-yellow { background: #f2edb9; cursor: default; }
div.RadGrid_Grid td { vertical-align: top; }
.RadComboBoxDropDown .rcbHeader { background: #e8e8e8; }
.RadComboBoxDropDown .rcbHeader { padding-right: 17px !important; }
.RadComboBoxDropDown div.rcbScroll.rcbWidth { width: 100%; }

/* ==============================================================================
                                    My Assessment Grid spans 
   ============================================================================== */
#Course, #Term, #Assessment, #Completed-by, #Status, #Student, #Assigned-to, #Role, #Due-date { display: none; }

/* ==============================================================================
                                    Buttons 
   ============================================================================== */
a.btn { color: #fff; }
.btn { padding: 8px 25px; line-height: 20px; font-size: 14px; border: 0; }
.btn-small { padding: 8px 12px; line-height: 18px; font-size: 14px; }
.btn-large { padding: 8px 20px; font-size: 14px; }
.btn, .btn-small { color: #fff; font-family: Arial; font-weight: bold !important; display: inline-block; margin: 5px 5px 5px 0; text-align: center; vertical-align: middle; cursor: pointer; *zoom: 1; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
    .btn:focus, .btn-small:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
    .btn:hover, .btn-small:hover { text-decoration: underline; color: #ffffff; }
    .btn[disabled], .btn.disabled, .btn-small[disabled], .btn-small.disabled { background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-default { color: #333333; background-color: #f5f5f5; }
    .btn-default:hover, .btn-default:focus { color: #333333; }
    .btn-default:active, .btn-default.active, .btn-default:active:hover .btn-default.active:hover { }
    .btn-default.disabled, .btn-default[disabled] { background-color: #ddd; }
/*
.btn-black{border:0;outline:0; line-height:normal; -webkit-border-radius:8;-moz-border-radius:8;border-radius:8px;  font-family:Arial;color:#ffffff;text-align:center;font-size:13px;font-weight:100;letter-spacing:.02em;background:#131313;background:-moz-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 44%, #111111 55%, #4c4c4c 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(9%,#1c1c1c), color-stop(44%,#2b2b2b), color-stop(55%,#111111), color-stop(100%,#4c4c4c));background:-webkit-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 44%,#111111 55%,#4c4c4c 100%);background:-o-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 44%,#111111 55%,#4c4c4c 100%);background:-ms-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 44%,#111111 55%,#4c4c4c 100%);background:linear-gradient(to bottom, #131313 0%,#1c1c1c 9%,#2b2b2b 44%,#111111 55%,#4c4c4c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c',GradientType=0 ); min-width:100px; text-decoration:none;border: 1px solid #000;}
.btn-black:hover{text-decoration:underline;color:#ffffff;background-color:#4c4c4c;background:-moz-linear-gradient(top, #4c4c4c 0%, #111111 45%, #2b2b2b 56%, #1c1c1c 91%, #131313 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(45%,#111111), color-stop(56%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313));background:-webkit-linear-gradient(top, #4c4c4c 0%,#111111 45%,#2b2b2b 56%,#1c1c1c 91%,#131313 100%);background:-o-linear-gradient(top, #4c4c4c 0%,#111111 45%,#2b2b2b 56%,#1c1c1c 91%,#131313 100%);background:-ms-linear-gradient(top, #4c4c4c 0%,#111111 45%,#2b2b2b 56%,#1c1c1c 91%,#131313 100%);background:linear-gradient(to bottom, #4c4c4c 0%,#111111 45%,#2b2b2b 56%,#1c1c1c 91%,#131313 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );}
*/

.btn-black-02 { -webkit-border-radius: 8; -moz-border-radius: 8; border-radius: 8px; font-weight: 100; letter-spacing: .02em; background: #131313; background: -moz-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 44%, #111111 55%, #4c4c4c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(9%,#1c1c1c), color-stop(44%,#2b2b2b), color-stop(55%,#111111), color-stop(100%,#4c4c4c)); background: -webkit-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 44%,#111111 55%,#4c4c4c 100%); background: -o-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 44%,#111111 55%,#4c4c4c 100%); background: -ms-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 44%,#111111 55%,#4c4c4c 100%); background: linear-gradient(to bottom, #131313 0%,#1c1c1c 9%,#2b2b2b 44%,#111111 55%,#4c4c4c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c',GradientType=0 ); }
    .btn-black-02:active, .btn-black-02.active, .btn-black-02:hover, .btn-black-02:focus { background: #4c4c4c; background: -moz-linear-gradient(top, #4c4c4c 0%, #111111 45%, #2b2b2b 56%, #1c1c1c 91%, #131313 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(45%,#111111), color-stop(56%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); background: -webkit-linear-gradient(top, #4c4c4c 0%,#111111 45%,#2b2b2b 56%,#1c1c1c 91%,#131313 100%); background: -o-linear-gradient(top, #4c4c4c 0%,#111111 45%,#2b2b2b 56%,#1c1c1c 91%,#131313 100%); background: -ms-linear-gradient(top, #4c4c4c 0%,#111111 45%,#2b2b2b 56%,#1c1c1c 91%,#131313 100%); background: linear-gradient(to bottom, #4c4c4c 0%,#111111 45%,#2b2b2b 56%,#1c1c1c 91%,#131313 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); }
    .btn-black-02.disabled, .btn-black-02[disabled] { background-color: #000; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-black { padding: 6px 25px; font-weight: 100; border: 1px solid #000; letter-spacing: .02em; background: #999999; background: -moz-linear-gradient(top, #999999 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #999999 0%,#000000 100%); background: -o-linear-gradient(top, #999999 0%,#000000 100%); background: -ms-linear-gradient(top, #999999 0%,#000000 100%); background: linear-gradient(to bottom, #999999 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#000000',GradientType=0 ); }
    .btn-black:hover { background: #000000; background: -moz-linear-gradient(top, #000000 0%, #999999 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#999999)); background: -webkit-linear-gradient(top, #000000 0%,#999999 100%); background: -o-linear-gradient(top, #000000 0%,#999999 100%); background: -ms-linear-gradient(top, #000000 0%,#999999 100%); background: linear-gradient(to bottom, #000000 0%,#999999 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#999999',GradientType=0 ); }
.btn-red { background: #c1272d; }
    .btn-red:active, .btn-red.active, .btn-red:hover, .btn-red:focus { background-color: #7A0608; }
        .btn-red:active, .btn-red.active, .btn-red:active:hover .btn-red.active:hover { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15); }
    .btn-red.disabled, .btn-red[disabled] { background-color: #8a312f; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-green { background: #2abeaa; }
    .btn-green:active, .btn-green.active, .btn-green:hover, .btn-green:focus { background-color: #186b60; }
        .btn-green:active, .btn-green.active, .btn-green:active:hover .btn-green.active:hover { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15); }
    .btn-green.disabled, .btn-green[disabled] { background-color: #4f904e; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-lightgreen { background: #38a83a; }
    .btn-lightgreen:active, .btn-lightgreen.active, .btn-lightgreen:hover, .btn-lightgreen:focus { color: #1B6217; }
        .btn-lightgreen:active, .btn-lightgreen.active, .btn-lightgreen:active:hover .btn-lightgreen.active:hover { box-shadow: inset 0 2px 4px rgba(51, 94, 171, 0.65), 0 1px 2px rgba(0, 0, 0, 0.15); }
    .btn-lightgreen.disabled, .btn-lightgreen[disabled] { background-color: #d8e6f2; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-blue { background: #27BCFC; }
    .btn-blue:active, .btn-blue.active, .btn-blue:hover, .btn-blue:focus { }
        .btn-blue:active, .btn-blue.active, .btn-blue:active:hover .btn-blue.active:hover { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15); }
    .btn-blue.disabled, .btn-blue[disabled] { background-color: #014788; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-purple { background: #a73b9e; }
    .btn-lightblue:active, .btn-lightblue.active, .btn-lightblue:hover, .btn-lightblue:focus { color: #802378; }
        .btn-lightblue:active, .btn-lightblue.active, .btn-lightblue:active:hover .btn-lightblue.active:hover { box-shadow: inset 0 2px 4px rgba(51, 94, 171, 0.65), 0 1px 2px rgba(0, 0, 0, 0.15); }
    .btn-lightblue.disabled, .btn-lightblue[disabled] { background-color: #ff91f6; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-orange { background: #f7851e; }
    .btn-orange:active, .btn-orange.active, .btn-orange:hover, .btn-orange:focus { background-color: #B15F09; }
        .btn-orange:active, .btn-orange.active, .btn-orange:active:hover .btn-orange.active:hover { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
    .btn-orange.disabled, .btn-orange[disabled] { background-color: #f29412; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-clear { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; box-shadow: 0 0 0; color: #0099ff; padding: 0; }
    .btn-clear:hover { color: #447CBF; }
.link-blue { color: #0099ff !important; text-decoration: none; }
    .link-blue:hover { text-decoration: underline; }
.email-blue { color: #0099ff !important; text-decoration: none; font-style: italic; font-size: 12px }
/* ==============================================================================
                                    RadWindow
   ============================================================================== */
div.RadWindow { z-index: 9001 !important; min-width: 560px; }
.modal-window { width: 845px; min-height: 300px; min-width: 300px; padding: 0 20px; height: 90%; background-color: #fff; display: inline-block; }
    .modal-window .RadAjaxPanel { padding-top: 15px; padding-bottom: 15px; }
/*width:845px; min-width:300px; padding:15px 30px; background-color: #fff; }*/
.modal-html { overflow-x: hidden; background-color: #fff; }
    html.modal-html, .modal-html body, .modal-html form { margin: 0; padding: 0; }
html.modal-html { height: 100%; }
.modal-html form { background-color: #fff; }
.modal-html.lt-ie9, .modal-html.lt-ie9 form { height: 100%; padding: 0px; margin: 0px; width: 905px; }
div[id^=RadWindowWrapper_alert].RadWindow { min-width: 500px; z-index: 9501 !important; }
.RadWindow .rwDialogPopup { padding: 1px 0 16px 70px !important; }
.RadWindow .rwWindowContent .rwDialogPopup.radconfirm, .RadWindow .rwWindowContent .radconfirm, .RadWindow .rwWindowContent .radalert { background-position: left top !important; background-position-y: 0px; min-height: 48px; margin-bottom: 0; padding-bottom: 0 !important; word-wrap: break-word; }
.RadWindow .rwPopupButton, .RadWindow .rwPopupButton span { color: #ffffff !important; height: auto !important; line-height: normal !important; }
.RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan { padding: 5px 22px !important; }
.RadWindow_Window .rwDialogPopup a.rwPopupButton:first-child { margin-left: 95px; }
.RadWindow .rwWindowContent .radalert a.rwPopupButton:first-child { margin-left: 125px; }
.RadWindow .rwWindowContent .radalert a.rwPopupButton { visibility: hidden; }
.RadWindow .rwDialogPopup .rwPopupButton, .RadWindow .rwDialogPopup .rwPopupButton span { cursor: pointer; }
.confirm-prompt div { display: inline-block; vertical-align: top; padding-right: 2px; }

/* ==============================================================================
                                Icons & Images
   ============================================================================== */
.caret { display: inline-block; width: 1px; height: 1px; margin-left: 2px; vertical-align: middle; border-top: 4px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; overflow: hidden; }
.active .caret { border-top: none; border-bottom: 4px solid #fff; }
.img-btn { display: block; }
.img-btn-signin { background-image: url('/Media/Button_SignIn_D.png'); width: 150px; height: 40px; }
/*.img-btn-signin:hover { background-image:url('/Media/Button_SignIn_H.png'); }*/
.img-btn-register { background-image: url('/Media/Button_Register_D.png'); width: 130px; height: 40px; }
/*.img-btn-register:hover { background-image:url('/Media/Button_Register_H.png'); }*/
.img-btn-ratecheckup { background-image: url('/Media/Button_RateCheckUpList_D.png'); width: 220px; height: 34px; }
/*.btn-ratecheckup:hover { background-image:url('/Media/Button_RateCheckUpList_H.png'); }*/
.icon { display: inline-block; background-repeat: no-repeat; background-position: center; width: 16px; height: 16px; margin: 0px 5px; position: relative; top: 3px; }
input.icon { background-color: transparent; border: none; }
.i-info { background-image: url('/Pass1.0/Media/Icon_Info.png'); }
.i-info-display {display: inline-block;width: 16px;height: 16px;background-size: contain;background-repeat: no-repeat; vertical-align: middle;margin-right: 8px;}
.i-more-info { background-image: url('/Pass1.0/Media/Icon_Tooltip_16.png'); margin: 0px; }
.i-edit { background-image: url('/Media/Icon_Pencil_16.png'); }
.i-delete { background-image: url('/Media/Icon_Error.png'); }
.i-locked { background-image: url('/Media/Icon_Locked.gif'); }
.i-search { background-image: url('/Media/Icon_MagnifyGlass_16.png'); }
.i-inactive { background-image: url('/Media/Icon_Checkmark_Gray.png'); }
[type=checkbox] { margin-right: 3px; }
[type=radio] { margin-right: 3px; }
.icon-contactus { background: url("/Pass1.0/Media/Icon_Phone_D.png") no-repeat scroll 0 -1px; }
/*.icon-contactus:hover{background: url("/Pass1.0/Media/Icon_Phone_H.png") no-repeat scroll 0 -3px;}*/
.icon-signin { background: url('/Pass1.0/Media/Icon_Key_White_24.png') no-repeat; }
/*.icon-signin:hover{background: url('/Pass1.0/Media/Icon_Keys_H.png') no-repeat;}*/
.icon-member { background: url("/Pass1.0/Media/Icon_User_White_24.png") no-repeat scroll 0 -1px; }
.icon-signout { background: url('/Pass1.0/Media/Icon_SignOut_White_24.png') no-repeat; }
.icon-faqs { background: url("/Pass1.0/Media/Icon_Phone_D.png") no-repeat scroll 0 -1px; }
.icon-logo { float: left; margin: 7px 0 7px 15px; background: url("/Pass1.0/Media/Logo_PASS_2.png") no-repeat scroll 0 0; height: 60px; width: 400px; }
.mob-home-icon { margin: 15px 0 7px 15px; background: url(/Pass1.0/Media/Icon_Home_White_24.png) no-repeat scroll 0 0; height: 30px; width: 30px; display: none; background-size: 100%; }
.icon-edit { background: url("/Pass1.0/Media/Icon_Pencil_White_24.png") no-repeat; border: medium none; float: right; height: 24px; outline: medium none navy; width: 24px; color: transparent; }
    .icon-edit:hover { background: url("/Pass1.0/Media/Icon_Pencil_Teal_24.png") no-repeat; }
.icon-userMagnify { background: url("/Pass1.0/Media/Icon_UserMagnify_White_24.png") no-repeat scroll 0 0px; }
.icon-bullsEye { background: url("/Pass1.0/Media/Icon_BullsEye_White_24.png") no-repeat scroll 0 0px; }
.icon-lockWhite { background: url("/Pass1.0/Media/Icon_Lock_White_24.png") no-repeat scroll 0 0px; }
.icon-gradCap { background: url("/Pass1.0/Media/Icon_GradCap_White_24.png") no-repeat scroll 0 0px; }
.icon-arrow { background-image: url("/Pass1.0/Media/Icon_ArrowRight_White_12.png"); background-position: 12px 12px; background-repeat: no-repeat; padding-left: 30px; }
.icon-cross { background-image: url("/Pass1.0/Media/Icon_X_White_24.png"); background-position: 6px 6px; background-repeat: no-repeat; padding-left: 30px; }
.icon-tick { background-image: url("/Pass1.0/Media/Icon_Check_White_24.png"); background-position: 6px 6px; background-repeat: no-repeat; padding-left: 30px; }
.icon-hand { background-image: url("/Pass1.0/Media/Icon_Hand_White_24.png"); background-position: 5px 6px; background-repeat: no-repeat; padding-left: 30px; }
.icon-tick-white { background-image: url("/Pass1.0/Media/Icon_Check_WhiteCircle_12.png"); background-position: 11px 12px; background-repeat: no-repeat; padding-left: 30px; }
.icon-success { background-image: url("/Pass1.0/Media/Icon_Checkmark_40.png"); float: left; height: 40px; width: 40px; }
.icon-warning { background-image: url("/Pass1.0/Media/Icon_ Warning1_48.png"); float: left; height: 48px; width: 48px; }
.icon-pdf { background: rgba(0, 0, 0, 0) url("/Pass1.0/Media/Icon_Pdf.png") no-repeat scroll 0 0; padding-left: 25px; }
.icon-info { background-image: url("/Pass1.0/Media/Icon_Tooltip_16.png"); background-repeat: no-repeat; background-position: left bottom; float: right; height: 20px; width: 20px; }
.icon-star { background-image: url("/Pass1.0/Media/Icon_GoldStar_16.png"); float: left; height: 16px; width: 16px; }
/* ==============================================================================
                                Header
   ============================================================================== */
.home .left-col { float: left; text-align: center; width: 30%; }
.home .right-col { float: left; width: 68%; }
.home .btn-green { text-transform: uppercase; width: 110px; color: #ffffff; }
.home .bg-effect-header { background: url("/Pass1.0/Media/Image_Shadow.png") no-repeat scroll 0 0; }
.home .bg-effect { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,fdfdfd+42,ffffff+43,ffffff+100 */ background: rgb(242,242,242); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(253,253,253,1) 42%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(42%,rgba(253,253,253,1)), color-stop(43%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(253,253,253,1) 42%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(253,253,253,1) 42%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(253,253,253,1) 42%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(253,253,253,1) 42%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ margin-top: 16px; min-height: 130px; }
    .home .bg-effect .left-col { padding: 3% 3% 0; text-align: left; width: 65%; }
    .home .bg-effect .right-col { width: 25%; margin: 4% 3% 3% 0; text-align: center; }
        .home .bg-effect .right-col img { }
/* ==============================================================================
                                   Collapsable
  ============================================================================== */
.collapse { margin: 0; }
.collapse-body { margin: 0; outline: 0; padding: 10px 29px; overflow: hidden; float: left; }
    .collapse-body p { margin: 0px; }
.collapse-head { font-weight: bold; padding: 0.5em 0.5em 0.5em 0; position: relative; cursor: pointer; text-align: left; width: 100%; float: left; }
    .collapse-head a { text-decoration: none; width: 100%; float: left; }
.collapse .icon-caret { background: url("/Pass1.0/Media/Icon_Collapse.png") no-repeat; float: left; height: 25px; width: 25px; }
.collapse .active .icon-caret { background: url("/Pass1.0/Media/Icon_Expand.png") no-repeat; }
.collapse-head a span { float: left; padding: 2px 4px; }
.faq .list { padding: 0; margin: 0; list-style-type: none; }
.faq .collapse-head { font-weight: normal; text-shadow: 1px 1px #ffffff; }
.faq .collapse-inactive { display: none; }
.faq .expand-inactive { display: none; }

/* ==============================================================================
                                    Document guides 
   ============================================================================== */

.guides { margin: 35px auto; width: 100%; }
.guide-col { position: relative; float: left; margin: 40px 8px 8px 8px; }
.guide-ctt { text-align: center; position: relative; top: 10px; padding: 70px 20px 20px 20px; border: 4px solid #ececec; width: 245px; height: 50px; }
.guide-ctt span { font-size: 18px; font-weight: bold; }
.guide-img { background: #ffffff none repeat scroll 0 0; height: 75px; left: 65%; margin-left: -95px; position: absolute; top: -25px; width: 75px; padding: 0px 15px;}

/* ==============================================================================
                                    Sign In
   ============================================================================== */
.signin .form-error {
    padding-left: 0%;
    margin-left: 0%
}
/*.signin .form-label { width: 33%; }*/
/*.signin .form-control { width: 67%; }*/
.signin { float: left; margin-top: 20px; }
    .signin .left-column { width: 60%; float: left; }
    .signin .right-column { width: 40%; float: left; padding-left: 40px; }
    .signin .right-column .access-pass h6 { text-align: left; }
.heading { background: url("/Pass1.0/Media/Image_Header_01.jpg") no-repeat scroll 0 0; padding: 15px; }
    .heading h1 { color: #2bbda7; }
.member-signin { width: 740px; }
    .member-signin .form-label { width: 33%; }
    .member-signin .form-control { width: 64%; }
    .member-signin .form-error { padding-left: 33%; }
.new-to-pass { border-top: 1px solid grey; position: relative; text-align: center; }
.new-to-pass h6 { position: relative; top: -9px; background: white; display: inline-block; padding: 0px 30px; }
.sign-in-model .icon-text { border: 2px solid #DB4337; padding: 15px; display: inline-block; width: 90%; }
/* ==============================================================================
                                ForgotPassword
   ============================================================================== */
.forgot-password { }
    .forgot-password .form-error { padding-left: 0%; margin-left: 0% }
    .forgot-password .form-label { width: 275px; }
    .forgot-password .form-control { width: 300px; }
    .forgot-password .new-password .form-error { padding-left: 200px; }
    .forgot-password .new-password .form-label { width: 200px; }
    .forgot-password .new-password .form-control { width: 200px; }
    .forgot-password .img-email-sent { margin-right: 20px; float: left; height: 48px; }
    .forgot-password .img-password-reset { margin-right: 20px; float: left; height: 48px; }
.box.email-verified { background: url("/Pass1.0/Media/Icon_EmailSent.png") no-repeat scroll 13px 30px; }
.box.password-reset { background: url("/Pass1.0/Media/Icon_Door.png") no-repeat scroll 13px 14px; }

/* ==============================================================================
                                    Contact 
   ============================================================================== */
.contact-col { position: relative; float: left; width: 47%; margin: 28px 8px 8px 8px; }
.contact-ctt { text-align: center; position: relative; top: 10px; padding: 70px 20px 20px 20px; height: 205px; border: 4px solid #ececec; }
    .contact-ctt h1 { font-size: 22px; margin-bottom: 10px; /*text-shadow: 1px 1px 2px grey;*/ color: #800000; }
    .contact-ctt h2 { font-size: 16px; color: #001e59; }
.contact-img { background: #ffffff none repeat scroll 0 0; height: 130px; left: 50%; margin-left: -65px; position: absolute; top: -55px; width: 130px; }
/* ==============================================================================
                                    Admin - Program Management
   ============================================================================== */
.program-management .form-error { padding-left: 200px; }
.program-management .form-label { width: 200px; }
/* ==============================================================================
                                    Admin - Program Management - Standard
   ============================================================================== */
.program-management-standard .form-error { padding-left: 200px; }
.program-management-standard .form-label { width: 200px; }
/* ==============================================================================
                                    Admin - Program Management - Transition point
   ============================================================================== */
.program-management-Transition .form-error { padding-left: 220px; }
.program-management-Transition .form-label { width: 220px; }
/* ==============================================================================
                                    Admin - Course Management - Edit
   ============================================================================== */
.course-management-edit .form-error { padding-left: 200px; }
.course-management-edit .form-label { width: 200px; color: #000; }
.course-management-edit .form-control { width: 500px; }
/* ==============================================================================
                                    Admin - Course Management - Offer
   ============================================================================== */
.course-management-offer .form-error { padding-left: 200px; }
.course-management-offer .form-label { width: 200px; color: #000; }
/* ==============================================================================
                    Admin - Course Management - Assessment Select
   ============================================================================== */
.course-management-assessment .form-error { padding-left: 190px; }
.course-management-assessment .form-label { width: 190px; }
/* ==============================================================================
                                    Admin - Assessment Management - Offer
   ============================================================================== */
.assessment-management .form-error { padding-left: 200px; }
.assessment-management .form-label { width: 200px; }
.assessment-management .form-control { width: 730px; }



.grid-header { border: 1px solid #cccccc; display: inline-block; padding: 1%; width: 98%; margin-top: 10px; }
    .grid-header .column { width: 25%; float: left; }
        .grid-header .column img { float: left; margin: 3px 4px 0 0; }

/* ==============================================================================
                                    Admin - Assessment Management - Notification
   ============================================================================== */
.assessment-management-notification .form-label { width: 45%; }
.assessment-management-notification .form-control { width: 55%; }
.assessment-management-notification .message { text-align: left; }
/* ==============================================================================
                                    Admin - Add/Edit User - Success
   ============================================================================== */
.user-management-standard .icon-success-msg { float: left; width: 15%; text-align: center; }
    .user-management-standard .icon-success-msg .icon-success { float: none; }
.user-management-standard .form-control { width: 80%; }
.user-management-standard .form-label { width: 20%; text-align: left; }
/* ==============================================================================
                                    Admin - View Result
   ============================================================================== */
.view-result .text { float: left; padding-left: 0; text-align: left; line-height: normal; }
.view-result .content-box .form-control { }
/* ==============================================================================
                    Admin - Assessment Evaluation
   ============================================================================== */
.admin-assessment-evaluation .form-error { padding-left: 150px; }
.admin-assessment-evaluation .form-label { width: 150px; }
.admin-assessment-evaluation .form-control { width: 800px; }
.admin-assessment-evaluation .radiobuttonlist label { float: left; }
.admin-assessment-evaluation .radiobuttonlist input { margin-top: 16px; }
.admin-assessment-evaluation .radiobuttonlist .padding-left-20 { padding: 0; }
/* ==============================================================================
                    Admin - Assessment Evaluation - repeater
   ============================================================================== */
.grid { }
    .grid table, .grid th, .grid td { border: 1px solid #d9d9d9; padding: 3px 7px; }
    .grid th { border-color: #1b7a6c; background: #219181 none repeat scroll 0 0; color: #fff; }
/* ==============================================================================
                    Admin - Program Managment Activate Deactivate
   ============================================================================== */
.program-management-ActiveteDeactivete { width: 93%; }
    .program-management-ActiveteDeactivete .form-label { width: 26% !important; text-align: left; }
    .program-management-ActiveteDeactivete .form-control { width: 50% !important; }
    .program-management-ActiveteDeactivete .box-alignment { margin-left: 63px; width: 82%; }
    .program-management-ActiveteDeactivete .form-error { width: 80% !important; padding-left: 26% }
/* ==============================================================================
                    Admin - Assessment Managment - Trait modal window
   ============================================================================== */
.assessment-management-trait .form-error { padding-left: 30%; }
.assessment-management-trait .form-label { width: 15%; font-size: 12px; }
.assessment-management-trait .form-control { width: 85%; }
/* ==============================================================================
                    Admin - Assessment Managment - Trait Select modal window
   ============================================================================== */
.assessment-management-trait-select .form-error { padding-left: 15%; }
.assessment-management-trait-select .form-label { width: 15%; font-size: 12px; }
.assessment-management-trait-select .form-control { width: 85%; }
/* ==============================================================================
                    Admin - Assessment Management - List
   ============================================================================== */
.assessment-management-list .grid-header .column { width: 20%; float: left; }
.repeater { border: 1px solid #ccc; float: left; width: 100%; }
    .repeater .header { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,a9a9a9+100 */ background: #fefefe; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOWE5YTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fefefe 0%, #a9a9a9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#a9a9a9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#a9a9a9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#a9a9a9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#a9a9a9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#a9a9a9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#a9a9a9',GradientType=0 ); /* IE6-8 */ color: #000; font-size: 14px; font-weight: bold; }
    .repeater .hide-br { line-height: 12px; }
    .repeater .repeater-row { line-height: normal; padding: 0 0 10px 0; }
        .repeater .repeater-row:nth-child(odd) { background: #f0f0f0; }
/* ==============================================================================
                    Admin - User Management 
   ============================================================================== */
.user-management-standard .radiobuttonlist td { width: auto; float: none; }
.user-management-standard .form-error { padding-left: 20%; margin-left: 10px; }
.user-management-standard .radiobuttonlist label { padding: 0px 15px; line-height: 20px; }
.user-management-standard .uxDivRole .form-control { width: 70%; }
.user-management-standard .uxDivRole .form-label { width: 30%; text-align: left; }

/* ==============================================================================
                                    Admin - Assessment Management - Offer
   ============================================================================== */
.trait-managment-detail .form-label { width: 25%; }
.trait-managment-detail .form-control { width: 75%; }


/* ==============================================================================
                                    Mobile Menu 
   ============================================================================== */
#mob-nav-links-div { display: none; }
    #mob-nav-links-div ul { position: relative; float: left; padding: 0px; /*background: #218f7e;*/ margin: 0px; width: 100%; }
        #mob-nav-links-div ul li { text-decoration: none; list-style-type: none; position: relative; float: left; width: 100%; }
            #mob-nav-links-div ul li span { text-align: left; margin: 5px 0px; padding: 0px; width: 60%; }
                #mob-nav-links-div ul li span:first-child { width: 75px; margin-left: 15px; }
            #mob-nav-links-div ul li:not(.sign-out-link) { border-bottom: 1px solid white; }
            #mob-nav-links-div ul li a { display: inline-block; padding: 5px 15px; width: 100%; box-sizing: border-box; }
            #mob-nav-links-div ul li.my-account-item a { padding-left: 40px; width: 100%; }
            #mob-nav-links-div ul li:not(.welcome-div):hover { background: #218f7e; cursor: pointer; text-decoration: underline;}
            #mob-nav-links-div ul li:not(.welcome-div) a:hover {color:white;}


/* ==============================================================================
                                   Media Queries 
   ============================================================================== */
@media (max-width: 1010px) {
    .wrapper { max-width: 990px; width: 100%; }
    .header .menu-top-bar { float: right;}
    .header .icon-logo { max-width: 30%; background-size: 100%; }
    #Splash-home { width: 100%; }
    #contact-block { max-width: 100%; }
    .forgot-password .form-control { width: 55%; max-width: 100%; }
    .footer { max-width: 990px; width: 100%; }
        .footer .left-col { width: auto; }
        .footer .right-col { float: right; }
    .grid-header p *:not(img) { display: block; width: 100%; }
    .grid-header p span { margin-top: 10px; }
}

@media(max-width: 860px) {
    .header { padding: 0px; }
        .header .icon-logo { max-width: 55%; background-size: auto; }
        .header #more-links { display: none; }
        .header .menu-top-bar { height: auto; width: 10%; display: inline-block; }
        .header #home-links { display: none; }
        .header .menu-box { display: block; float: right; max-width: 100%; }

    .home .left-col { float: none; margin-top: 42px; width: 100%; }
    .home .right-col { float: none; width: auto; margin: 30px; text-align: center; }
    .home .btn-green { display: block; margin: 0 auto; }
    .home .bg-effect .left-col { float: none; width: auto; text-align: center; padding: 0px; margin: 30px; }
    .home .bg-effect .right-col { width: 100%; }
    .home .bg-effect-header { margin-top: 0px; }
    .member-signin { width: auto; max-width: 100%; }
    /*.btn-generate-report { display: block; float: none; margin: 10px auto; }*/
}

@media (max-width: 767px) {
    .content{min-height:auto;}
    /**Student My Assessment Grid Responsive*/
    .table-grid div:first-child { max-width: 100%; }
    .table-grid .RadGrid table { width: 100%; max-width: 100%; }
        .table-grid .RadGrid table thead { width: 100%; display: block; }
            .table-grid .RadGrid table thead tr { width: 50%; display: inline-block; }
                .table-grid .RadGrid table thead tr th.rgHeader { display: block; width: 95%; }
                .table-grid .RadGrid table thead tr td { display: block; width: 95%; }
        .table-grid .RadGrid table colgroup { display: none; }
        .table-grid .RadGrid table tbody tr { display: block; width: 100% !important; }
            .table-grid .RadGrid table tbody tr td { width: 95% !important; display: block; height: 100% !important; }
                .table-grid .RadGrid table tbody tr td:not(span:first-child) { padding-left: 20px; }
    #Course, #Term, #Assessment, #Completed-by, #Status, #Student, #Assigned-to, #Role, #Due-date { width: 100%; display: block; }
    .forgot-password .box-grey { max-width: 100%; width: 100% !important; padding: 0px; }
    .forgot-password .form-label { max-width: 100%; display: inline-block; text-align: left; width: auto; }
    .forgot-password .form-error { padding-left: 0px; }
    /**Management Grid Responsive*/
    tfoot .rgWrap.rgAdvPart { width: 100%; display: inline-block; margin-top: 12px; box-sizing: border-box; }
    .grid-header .column { width: 50% !important; }

    .RadMenu ul.rmActive, .RadMenu ul.rmRootGroup { height: 100% !important; }

    .forgot-password .form-error { padding-left: 0px; }
    .forgot-password .form-control { width: 55%; }
    .forgot-password .box-grey { width: auto !important; }
    .forgot-password .form-label { max-width: 100%; display: inline-block; text-align: left; width: auto; }
    .forgot-password .form-control { width: 55%; max-width: 100%; }
    .signin .form-label, .signin .form-error { padding: 0px; margin:0px;}
    .signin .left-column { width: 100%; float: none; padding: 0px; }
        .signin .left-column h4 { text-align: center; }
        .signin .right-column .access-pass h6 { text-align: center; }
        .signin .left-column .box-grey { margin: 0px; }
    .signin .right-column { width: 100%; float: none; height: auto; text-align: center; margin-top: 60px; border: none; padding: 0px; }
    .show-desktop { display: none !important; }
    .show-mobile { display: inline-block !important; }
}


@media (max-width: 650px) {
    .header .icon-logo { background-size: 100%; }
    H1 { font-size: 25px; }
    .faq .collapse-toggle i.icon-caret { background-size: 80%; display: block; }
    .faq .collapse-toggle span { max-width: 85%; }
    #contact-block .contact-col { float: none; display: block; width: 100%; margin: 40px 0px 0px 0px; }
        #contact-block .contact-col:nth-child(2) { margin-top: 80px; }
    
    #more-links .div-welcome { display: none; }

    /** My assessment edit video GRID mobile */
    .mob-view-tags{display:block !important;}
    .mob-view-tags table tbody{ display: block !important; }
        .mob-view-tags table tbody tr td { border: none; }
        .mob-view-tags table tbody tr { border: 1px solid #d9d9d9; }
    .desktop-view-tags{display:none !important;}
    .guides { width: 50%; }
}

@media (max-width: 545px) {
    .forgot-password .form-label { width: 100%; }
    .forgot-password .form-control { width: 100%; }
    .top-banner .left-col { width: 100%; float: none; text-align: center; margin-top: 10px; }
    /*.feature-admin h1 { text-align: center; }*/
    .top-banner .right-col { width: 100%; float: none; text-align: center; display: block; margin-top: 10px; }
        .top-banner .right-col img { float: none; }
    .change-pass-box { text-align: center; margin-bottom: 30px !important; }
    .member-signin .form-label { width: 100%; text-align: left; }
    .member-signin .form-control { width: 100%; }
    .member-signin .form-error { padding-left: 0px; }
    .member-signin .panel-content .row-button { text-align: center; }
        .member-signin .panel-content .row-button .btn { padding: 10px 50px; }
    .my-assessment .form-control div:first-child { width: 200px !important; }

    .signin .form-label, .my-assessment .form-label { width: 100%; text-align: left; }
    .signin .form-control, .my-assessment .form-control { width: 100%; padding: 0px 45px; }
    .row-button {text-align:center !important;}
    
}

@media (max-width: 400px) {
    .my-assessment .form-label { padding: 0px; text-align: left; width: 22%; }
    .faq h1 { text-align: center; }
    .forg-pass-info-text { text-align: center; }
    .footer .left-col { margin-left: 5px; }
    .footer .right-col { margin-right: 5px; }
    .rmSized .rmHorizontal .rmItem, .rmSized .rmRootGroup .rmVertical .rmItem{width:100% !important;}
    .RadMenu a.rmImageOnly .rmLeftImage, .RadMenu .rmRootGroup a.rmImageOnly { padding: 5px 0 5px 12px !important; }
    .grid-header .column { width: 100% !important; }
    
}

/* ========================================================================== Grid ========================================================================== */
[class*="unit"] { width: 100%; height: auto; }

@media only screen and (min-width:768px) {
    [class*="unit"] { float: left; }
    .unit1 { width: 8.333333333333333%; }
    .unit2 { width: 16.66666666666666%; }
    .unit3 { width: 25%; }
    .unit4 { width: 33.33333333333333%; }
    .unit5 { width: 41.66666666666666%; }
    .unit6 { width: 50%; }
    .unit7 { width: 58.33333333333333%; }
    .unit8 { width: 66.66666666666666%; }
    .unit9 { width: 75%; }
    .unit10 { width: 83.3333333333333%; }
    .unit11 { width: 91.6666666666666%; }
    .push1 { margin-left: 8.333333333333333%; }
    .push2 { margin-left: 16.66666666666666%; }
    .push3 { margin-left: 25%; }
    .push4 { margin-left: 33.33333333333333%; }
    .push5 { margin-left: 41.66666666666666%; }
    .push6 { margin-left: 50%; }
    .push7 { margin-left: 58.33333333333333%; }
    .push8 { margin-left: 66.66666666666666%; }
    .push9 { margin-left: 75%; }
    .push10 { margin-left: 83.3333333333333%; }
    .push11 { margin-left: 91.6666666666666%; }
}


@media (max-width: 300px) {
    .my-assessment .form-control div:first-child { width: 180px !important; }
    .footer .left-col { float: none; text-align: center; }
    .footer .right-col { float: none; text-align: center; width: auto; }
    .header .icon-logo { display: none; }
    .mob-home-icon { display: block; }
    .home .left-col img { width: 100%; }
   
}