/* Type Styles*/ body { margin: 0px; background-color: #efefef;} .BodyMaster { margin: 0px; background-color: #efefef;} HTML { font-family: Verdana, Lucida Grande, Arial, Tahoma, sans-serif; font-size: 11px; color:#666666; font-weight:normal; direction: ltr;} h2 {font-size: 135%; font-weight: Bold; } hr { border: 1; width: 100%; color: #dddddd; /*background-color: #dddddd;*/} text { font-size:100%;} div { display: block} span { display: inline} table {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-collapse:collapse} tr {vertical-align:top; } td {text-align: left; vertical-align:middle; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-width: 0px } a {text-decoration:none; outline:none;} a:visited {text-decoration:none; } a:active {text-decoration:underline; } a:hover {text-decoration:underline; } .CommuteModeRadioButtonWidth label { padding: 2px 25px 5px 0px; vertical-align:top; } .showhideLink, .showhideLink:visited { color:#aaaaaa; text-decoration:none;} .showhideLink:hover, .showhideLink:active { color:#aa6666; text-decoration:underline;} /* Name Styles*/ #MainBodyCell div {display: block} .HTMLLinkButton_Properties {white-space:nowrap; text-align:center; vertical-align:middle; padding: 2px 5px 2px 5px;} .disableLinkWhenViewedInApp { pointer-events: none; cursor: default; display: none; } .ridesharkModalHolder { /* Bootstrap's modal backdrop is at 1050. 15300 oughta do it... */ z-index:15300; position:relative; } /* The rest of the New Link Button Style is defined in the InPage CSS because otherwise it interferes with the Old Style LinkButtons */ .ContentSection{ /*background-image:url(/Images/TemplateImages/mainbkg.jpg); background-repeat:repeat;*/ background:#ffffff; } .TracksButtonStyle a, .TracksButtonStyle a:visited {cursor: hand; font-weight: normal; font-family: Verdana, Lucida Grande, Arial, Tahoma, sans-serif; padding: 2px 10px 3px 10px; text-align: center; text-decoration: none; vertical-align: middle; background: #ececec url('/Images/TracksButtonBackground.gif') repeat-x; color: Maroon; border: solid 1px #cccccc;} .TracksButtonStyle a:hover {background: #ececec url('/Images/TracksButtonBackground.gif') repeat-x; color: Red;} .TracksButtonStyle a:clicked {background: #ececec url('/Images/TracksButtonBackground.gif') repeat-x; color: #E33632;} /* RadPanelBars */ .RadPanelbar_RadPanelbarStyle {width: 100%; white-space: nowrap;} .RadPanelbar_RadPanelbarStyle .text {font: Arial, Verdana, Sans-serif; font-size: 90%; line-height: 31px; text-align: left; padding: 0px 10px 0px 10px;} .RadPanelbar_RadPanelbarStyle .rootGroup .link, .RadPanelbar_RadPanelbarStyle .rootGroup .link:visited {border-collapse: collapse; border-width: 0px; padding: 0px 0px 0px 0px;} .RadPanelbar_RadPanelbarStyle .rootGroup .text {border-collapse: collapse;} .RadPanelbar_RadPanelbarStyle div.slide {width: 100%;} .RadPanelbar_RadPanelbarStyle .group .text, .RadPanelbar_RadPanelbarStyle .group .visited {font-weight: normal; text-decoration: none; border: 0px;} .RadPanelbar_RadPanelbarStyle .group .link, .RadPanelbar_RadPanelbarStyle .group .link:visited {font-weight: normal; text-decoration: none; border: 0px;} .RadPanelbar_RadPanelbarStyle .group .link:hover {font-weight: normal; text-decoration: underline;} .RadPanelbar_RadPanelbarStyle .group .selected .text {background: none; font-weight: normal; text-decoration: underline;} /* RADmenus */ .RadSideMenu {width: 100%; white-space: nowrap;} .RadSideMenu .text {font: Arial, Verdana, Sans-serif; font-size: 90%; line-height: 31px; text-align: left; padding: 0px 10px 0px 10px;} .RadSideMenu .link, .RadSideMenu .link:visited {border-collapse: collapse; border-width: 0px; padding: 0px 0px 0px 0px;} .RadSideMenu .text {border-collapse: collapse;} .RadSideMenu div.slide {width: 100%;} .RadSideMenu .text, .RadSideMenu .visited {font-weight: normal; text-decoration: none; border: 0px;} .RadSideMenu .link, .RadSideMenu .link:visited {font-weight: normal; text-decoration: none; border: 0px;} .RadSideMenu .link:hover {font-weight: normal; text-decoration: underline;} .RadSideMenu .selected .text {background: none; font-weight: normal; text-decoration: underline;} /* Other */ P.PageBreakHere {page-break-before: always} /*The following are used in EHR.aspx. When you have a long text string with a radio button, then normally it will wrap and the 2nd line will go below the radio button which doesn't look good.*/ /*This tells the contents to align within the (which is created when the asp:RadioButtonList is rendered) at +25px, but, tells the radio button to render at -25px relative to the TD (left 25 px).*/ .RadioButtonListBlock td{padding-left: 25px;} .RadioButtonListBlock input{margin-left: -25px;} /* Class Styles*/ /* dialogHeader_Background is a light grey/green color and is used on the FindMatches.aspx Filter Area Background */ .dialogHeader_Background{ background-color: #dee7e7; margin: 5px 0px 10px 0px; } .dialog_header_text {font-weight: bold; font-size: 120%; padding: 2px 0px 2px 0px; color: #0e0e9a; } .dialog_field_value {font-weight: bold; padding: 3px;} /* Link Button Styles - are used for the small Link Buttons like on the SingleTripSummary2 Page - Dark Red (Red:hover) in color for all sites (currently) */ .linkbutton a, a:visited { color:#c60000; text-decoration:none;} .linkbutton a:hover, a:active { color:#ff0000; text-decoration:underline;} /* Large Link Button Styles - are used for the links such as "Create New Single Trip" on the SingleTripSummary2 Page - Navy (red:hover) in color for all sites (currently) */ .largelinkbutton { text-align:left; vertical-align:middle; font-size:large; font-weight:bold; padding-left:3px; white-space:nowrap;} .largelinkbutton a, a:visited { color:#08089c; text-decoration:none;} .largelinkbutton a:hover, a:active { color:#ff0000; text-decoration:underline;} /* The following items have a fixed color */ .Poster {text-align: center; border-collapse: collapse; text-decoration: none; padding-right: 10px; } .BreadCrumb {padding-top: 8px; font-weight: normal;color: Navy;white-space: nowrap; text-align: center; } .BreadCrumb_Bold {font-weight: Bold; color: Navy;} .RadEditorStyle {border: 1px #CCCCCC solid; background-color: #DDDDDD; margin: 4px 0px 4px 0px; } /* header_cell - Color and Background_color are set in DB */ .header_cell {font-weight: bolder; padding: 3px 3px 3px 12px; margin: 5px; vertical-align: middle;} /* The "field_label_header shoud really be called SubHeader_Cell. However, due to legacy issues the name cannot be changed - Color and Background_color are set in DB */ .field_label_header {font-weight: bold; vertical-align: middle; text-align: left; padding: 3px 10px 3px 10px; background-color:#dddddd;} .field_label {font-weight: normal; color: #333333; vertical-align: middle; text-align: left; padding: 3px 10px 3px 10px; white-space: normal; } .edit_label {font-weight: normal; vertical-align: middle; white-space: normal; padding-left: 0px; } .info_message {font-weight: normal; color: Navy; padding-left: 10px; white-space: nowrap; vertical-align: middle;} .filter_area {color: #003366; padding: 3px 2px 7px 2px; text-align: right; vertical-align: middle; white-space: nowrap;} .field_value {padding: 0px;} .field_input {font-family: Verdana, Geneva, ms sans serif; font-weight:normal; font-size:12px; padding: 1px 2px 1px 2px;} .field_input_right_properties { text-align: right; padding-right: 4px;} .field_input_spacer {padding-bottom: 8px;} /* icon_cell is used on the FindMatches.aspx page for the icon table. Want zero padding on these cells. */ /* table_cell is used on places like the travel schedule table, and the carpool Management Table. */ .icon_cell, .table_cell { background-color: #ffffff; color: #444444; vertical-align: middle; border-top: 1px #cccccc solid;border-left: 1px #eeeeee solid; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid;} .icon_cell {padding: 0px; } .table_cell {padding: 5px; } /* Alternative Table Row colors are used only the ERH Summary Table */ .table_cell_alt1_background { background-color: #eeffff; } .table_cell_alt2_background { background-color: #ffffee; } .smallTableText {padding-top: 8px;font-size: 90%;font-weight: normal;color: #333333;white-space: normal;text-align: center; } /* the following are the styles for the help icons and Help Popup Text Box */ .HelpDivStyle { visibility: hidden; position:absolute; z-index:1000; left:358px;} .HelpTableStyle { background-color: #eeeeff; border: solid 2px #424152;} .ParkingHelpDivStyle {left:650px;} /* The color of the help text is set here. */ .HelpTableCellStyle { font-weight: normal; padding: 10px 10px 10px 10px; color: #444444;} /* this is used in the CountUsersInZIPCode control, and also in places like AddMembers.ascx, AddVehicle.ascx, etc */ .HighlightedTableStyle { background-color: #ddddff; } /* this is used in the CountUsersInZIPCode control, and also in places like Tracks to give messages to the user */ .CountUsersInZIPCodeTableClass {border: solid 2px #cccccc; background-color: #EEEEEE; width: 235px; margin-left:auto;} .tablecell_without_separator { border: solid 1px #dddddd;} .tablecell_with_separator { border: solid 1px #dddddd; border-bottom: solid 1px #777777;} /* This is the filter area at the top of the Find Matches Page */ .FindMatches_FilterArea {background-color: #dee7e7; color: #374b58; border-top: 1px #bbbb99 solid; padding: 4px 0px 4px 0px;} .header_cell {background-color: #0e0e9a; color: #ffffff;} .field_label_header {background-color: #dddddd; color: #003366;} .dialog_body {background-color: #FFFFFF; color: #003366; border-top: 0px #bbbb99 solid; padding: 10px;} /* Background of Login Box */ .dialog_body_Login {background-color: #efefef; color: #374b58; border: solid 2px #cdcfce; border-top: 1px #bbbb99 solid; padding: 4px; padding-left: 10px; padding-right: 10px;} .footer { font-size: 8pt; color: #777777; } .footer_Version { font-size: 8pt; color: #aaaaaa; } /* General Styles */ .pointer { cursor: pointer} .bold {font-weight:bold; } .bolder {font-weight:bolder; } .nobold {font-weight: normal;} .underline {text-decoration:underline;} .nounderline {text-decoration:none;} .nobackground { background-color: transparent;} .noborder {border-width:0px;} .italic {font-style:italic;} .whitebackground { background-color: #ffffff;} .highlightbackground0 { background-color: #fff;} .highlightbackground1 { background-color: #fff;} .highlightbackground2 { background-color: #0cf;} /*User Belongs To This Row - Light Blue*/ .lightborder { border: 1px #dddddd solid;} .hidden {visibility: hidden;} .nomargin {margin: 0px 0px 0px 0px;} .nopadding {padding: 0px 0px 0px 0px;} /*Text Color Styles*/ .white {color: White;} .maroon {color: Maroon;} .red {color: Red;} .navy {color: Navy;} .blue {color: Blue;} .black {color: Black;} .gray {color: Gray;} /*Block Styles*/ .inline-block {display: inline-block} .inline-table {display: inline-table} .table {display: table} .inline {display: inline} .block {display: block} .none {display: none} .nowrap {white-space:nowrap } .wrap {white-space: normal } /*font sizes*/ .px8 { font-size:8px; } .px9 { font-size:9px; } .px10 { font-size:10px; } .px11 { font-size:11px; } .px12 { font-size: 12px;} .px13 { font-size: 13px;} .px14 { font-size: 14px;} .px15 { font-size: 15px;} .px16 { font-size: 16px;} .px17 { font-size: 17px;} .px18 { font-size: 18px;} .px20 { font-size: 20px;} .vvvtiny { font-size:8px; } .vvtiny { font-size:9px; } .vtiny { font-size:10px; } .tiny { font-size:11px; } .small { font-size: 12px;} .medium { font-size: 13px;} .bigger { font-size: 14px;} .large { font-size: 15px;} .verylarge { font-size: 16px;} .superlarge { font-size: 17px;} .ultralarge { font-size: 18px;} .jumbo { font-size: 20px;} .font90pc { font-size: 90%;} .font95pc { font-size: 95%;} .font100pc { font-size: 100%;} .font105pc { font-size: 105%;} .font110pc { font-size: 110%;} .font115pc { font-size: 115%;} .font120pc { font-size: 120%;} .font125pc { font-size: 125%;} .font130pc { font-size: 130%;} .font135pc { font-size: 135%;} /*Text-Alignment*/ .center { text-align:center} .left { text-align:left} .right { text-align:right} /*Vertical-Alignment*/ .top { vertical-align:top} .middle {vertical-align:middle} .bottom {vertical-align:bottom} /*Width*/ .width960 { width:960px} .width950 { width:950px} .width940 { width:940px} .width890 { width:890px} .width875 { width:875px} .width780 { width:780px} .width600 { width:600px} .width500 { width:500px} .width425 { width:425px} .width300 { width:300px} .width210 { width:210px} .width200 { width:200px} .width150 { width:150px} .width100 { width:100px} .width75 { width:75px} .width50 { width:50px} .width40 { width:40px} .width20 { width:20px} /* Use for tables only - Not for Divs */ .width50pc { width:50%} .width99pc { width:99%} .width100pc { width:100%} /*Height*/ .height50 { height: 50px} /*MinHeight*/ .minheight200 {min-height:200px} /* if two panels then use250px and 105px */ .minheight82 {min-height:82px} .minheight250 {min-height:250px} /* if two panels then use250px and 105px */ .minheight107 {min-height:107px} .minheight300 {min-height:300px} /* if three panels then use 300px, and 75px */ .minheight75 {min-height:75px} .minheight50 {min-height:50px} .minheight20 {min-height:20px} .minheight15 {min-height:15px} .height16 {height:16px} .height17 {height:17px} /*Margin*/ .margin_t10 {margin-top:10px} .margin_t15 {margin-top:15px} .margin_t20 {margin-top:20px} .margin_t30 {margin-top:30px} .margin_b10 {margin-bottom:10px} .margin_b15 {margin-bottom:15px} .margin_b20 {margin-bottom:20px} .margin_b30 {margin-bottom:30px} .margin_tb10 {margin-top:10px; margin-bottom:10px} /*Padding*/ .padding_2 { padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px} .padding_3 { padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px} .padding_5 { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} .padding_8 { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px} .padding_10 { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px} .padding_20 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px} .padding_v3h2 { padding-top: 3px; padding-right: 2px; padding-bottom: 3px; padding-left: 2px} .padding_v2h5 { padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px} .padding_v3h5 { padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px} .padding_v10h5 { padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px} .padding_v5 { padding-bottom: 5px; padding-top: 5px} .padding_v10 { padding-bottom: 10px; padding-top: 10px} .padding_v15 { padding-bottom: 15px; padding-top: 15px} .padding_l5 { padding-left: 5px} .padding_l7 { padding-left: 7px} .padding_l8 { padding-left: 8px} .padding_l10 { padding-left: 10px} .padding_l15 { padding-left: 15px} .padding_l20 { padding-left: 20px} .padding_l30 { padding-left: 30px} .padding_l40 { padding-left: 40px} .padding_l50 { padding-left: 50px} .padding_l100 { padding-left: 100px} .padding_l200 { padding-left: 200px} .padding_l300 { padding-left: 300px} .padding_r5 { padding-right: 5px} .padding_r7 { padding-right: 7px} .padding_r8 { padding-right: 8px} .padding_r10 { padding-right: 10px} .padding_r20 { padding-right: 20px} .padding_r30 { padding-right: 30px} .padding_r40 { padding-right: 40px} .padding_r50 { padding-right: 50px} .padding_r100 { padding-right: 100px} .padding_lr1 { padding-left: 1px; padding-right: 1px} .padding_lr2 { padding-left: 2px; padding-right: 2px} .padding_lr3 { padding-left: 3px; padding-right: 3px} .padding_lr5 { padding-left: 5px; padding-right: 5px} .padding_lr10 { padding-left: 10px; padding-right: 10px} .padding_lr15 { padding-left: 15px; padding-right: 15px} .padding_lr20 { padding-left: 20px; padding-right: 20px} .padding_lr10 { padding-left: 10px; padding-right: 10px} .padding_l2r4 { padding-left: 2px; padding-right: 4px} .padding_l2r6 { padding-left: 2px; padding-right: 6px} .padding_l3r6 { padding-left: 3px; padding-right: 6px} .padding_l5r10 { padding-left: 5px; padding-right: 10px} .padding_l10r10 { padding-left: 10px; padding-right: 10px} .padding_l20r20 { padding-left: 20px; padding-right: 20px} .padding_tb3 { padding-bottom: 3px; padding-top: 3px} .padding_tb5 { padding-bottom: 5px; padding-top: 5px} .padding_tb10 { padding-bottom: 10px; padding-top: 10px} .padding_tb15 { padding-bottom: 15px; padding-top: 15px} .padding_tb20 { padding-bottom: 20px; padding-top: 20px} .padding_t10b5 { padding-bottom: 5px; padding-top: 10px} .padding_t10b15 { padding-bottom: 15px; padding-top: 10px} .padding_b0 { padding-bottom: 0px} .padding_b3 { padding-bottom: 3px} .padding_b5 { padding-bottom: 5px} .padding_b8 { padding-bottom: 8px} .padding_b10 { padding-bottom: 10px} .padding_b15 { padding-bottom: 15px} .padding_b20 { padding-bottom: 20px} .padding_b25 { padding-bottom: 25px} .padding_b30 { padding-bottom: 30px} .padding_b40 { padding-bottom: 40px} .padding_b50 { padding-bottom: 50px} .padding_t0 { padding-top: 0px} .padding_t3 { padding-top: 3px} .padding_t5 { padding-top: 5px} .padding_t10 { padding-top: 10px} .padding_t15 { padding-top: 15px} .padding_t20 { padding-top: 20px} .padding_t25 { padding-top: 25px} .padding_t30 { padding-top: 30px} /*Panels Shape .panel {background-image:url(/images2/PanelTopBg1.jpg); background-repeat:repeat-x; border: 1px solid #dddddd;} .panel_rounded {background-image:url(/images2/PanelTopBg1.jpg); background-repeat:repeat-x; border: 1px solid #dddddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .panel_shadow {-moz-box-shadow: 0 1px 3px #aaaaaa; -webkit-box-shadow: 0 1px 3px #aaaaaa; } */ /*Button Shape*/ .button {padding: 5px 15px 5px 15px; cursor: pointer; border: 1px solid #222; } .button_rounded {padding: 5px 15px 5px 15px; cursor: pointer; border: 1px solid #222; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .button_shadow { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } /*************** this class will center a div within the body *********/ .centerDivWrapper { width: 960px; margin: 0px auto; } .centerDivWrapper1080 { width: 1080px; margin: 0px auto; } .CustomHrefImageButton_Image {visibility:hidden; margin: 0px 0px 0px 0px; border:0px;} /****************************************************************************/ /************************** PopUp Lightbox *************************/ /****************************************************************************/ /* make this display none */ #PopUpOverlay { display:none; position:fixed; width:100%; height:100%; background:url("/Images/lightbox/LightBoxOverlay.png"); z-index:999; } /* make this display none */ #PopUpContainer { display:none; position:fixed; width:100%; height:0%; z-index:1000; } #PopUpBox, #PopUpBoxCS { display:none; position:relative; width:960px; margin:100px auto; z-index:999; background:url("/Images/lightbox/LightBoxShadow.png") repeat-x #fff; border:2px solid #6f4f4f; border-radius:10px; } #PopUpContent, #PopUpContentCS{ margin:10px 25px 10px 50px; font-size: 16px; color:#5f3f3f; } #PopUpContent p, #PopUpContentCS p{ margin-bottom:20px; } #PopUpButtons, #PopUpButtonsCS{ margin:15px; font-size:20px; } #PopUpIcon, #PopUpIconCS{ padding:10px 48px 0px 48px; min-height:48px; text-align:center; margin:10px 0px 0px 10px; background-repeat:no-repeat; } #PopUpMessageTitle, #PopUpMessageTitleCS{ font-weight:bold; font-size: 20px; } #PopUpClose, #PopUpCloseCS{ display:block; width:27px; height:27px; position:absolute; top:-8px; right:-8px; background:url(/Images/lightbox/LightBoxClose.png) center bottom no-repeat; } #PopUpClose:hover, #PopUpCloseCS:hover{ cursor:pointer; background-position:center top; } #PopUpResponseText{ border: 1px solid #C5C5C5; background:#fff; border-radius: 3px 3px 3px 3px; box-shadow: none; padding: 3px 0; text-indent: 1px; width:50%; } /************ LinkButtonStyle NewMasterButtonStyle **************/ .LinkButtonStyle a.NewMasterButtonStyle:link, .LinkButtonStyle a.NewMasterButtonStyle:visited, .LinkButtonStyle a.NewMasterButtonStyle:active { /*background: url(/Images/UserBar/register-btn-bg.png) 0px 0px repeat-x; */ padding: 2px 10px 3px 10px; font-size: 13px; line-height: 20px; border-radius:5px; text-align:center; border:1px solid #333; border-radius:5px; /* box-shadow:0px 0px 20px rgba(0,0,0,.3); put this in comments */ white-space:nowrap; } .LinkButtonStyle a.NewMasterButtonStyle:hover { background-position:0px -46px;} .LinkButtonStyle a.NewMasterButtonStyle:link, .LinkButtonStyle a.NewMasterButtonStyle:visited, .LinkButtonStyle a.NewMasterButtonStyle:active { background-color: #168cf6; color: #ffffff; font-weight: bolder; } .LinkButtonStyle a.NewMasterButtonStyle:hover, .user-bar .login-submit:hover, .user-bar-register:hover{ background-color: #0E0E9A; color: #ffffff; font-weight: bolder; background-position:0px -46px; } /************ Set in Code in AAA SurveyPeopleCSSInfo.vb ************** input[type=text], input[type=password], textarea, select { border:2px solid #afbed5; font-family: Verdana, Geneva, ms sans serif; font-size:100%; background-color: #00eeff; padding: 1px 2px 1px 2px; } input[type=text]:focus, input[type=password]:focus, textarea:focus { border:2px solid #41556d; } select:focus { border:2px solid #41556d; padding: 0px 1px 0px 1px; } input[type=checkbox] { background:#afbed5; } input[type=checkbox]:hover{ background:#41556d; } */ #UserBarAccount .user-bar-info-box { margin-right:50px; margin-top:5px; width:100%; font-size:100%; line-height:100%; } #UserBarAccount .user-bar-info-box .user-bar-info-label { } #UserBarAccount .user-bar-info-box .user-bar-info { font-weight:bold; } /************************** clearfix ********************************/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /************************** End clearfix ********************************/ /* DASHBOARD WRAPPER */ div#dashboardWrapper { background: #ffffff; border-radius: 10px 10px 10px 10px; margin: 10px; padding: 20px 15px; box-shadow: 4px 3px 3px #878787; } /*div.dashboardContentWrapper { background-color: none; padding: 10px; } /* .dashboardTitle { font-size:32px; float:left; } */ /******************* PAGE CONTENT TABS ********************************/ /*

CONTENT ONE

CONTENT TWO

CONTENT THREE

Always Visible Content

*/ ul { margin:0; padding:0; list-style:none; } ul li { margin:0; padding:0; list-style:none; } .ContentViewerContainer ul { margin-left:5px; padding-left:5px; list-style:disc; } .ContentViewerContainer ul li { margin-left:5px; padding-left:5px; list-style:disc; } .ContentViewerContainer ul li ul { margin-left:5px; padding-left:5px; list-style:circle; } .ContentViewerContainer ul li ul li { margin-left:5px; padding-left:5px; list-style:circle; } .pageContentTabs{ width:100%; overflow:auto; margin:0 10px; } .pageContentTab{ float:left; margin-right:10px; border-radius:10px 10px 0px 0px; } .pageContentTab a:link, .pageContentTab a:active, .pageContentTab a:focus, .pageContentTab a:visited{ display:block; padding:10px; text-decoration:none; border-radius:10px 10px 0px 0px; cursor:pointer; background:#B3B3B3; color:#4D4D4D; /* box-shadow:inset 0px -3px 3px #999;*/ font-family:Arial,​Helvetica,​sans-serif; font-size:12px; font-weight:700; border:none; outline:none; } .pageContentTab.openPageContentTab a{ background:#ccc; box-shadow:4px 3px 3px #999; } .pageContentTab a:hover{ background:#ccc; } .pageContentTabSection { display:none; padding:10px 10px 20px 10px; margin:10px; background:#F2F2F2; border-radius:5px; overflow:auto; } .pageContentTabSectionInner { background: none; border-radius: 5px 5px 5px 5px; margin: 5px 0; padding: 10px; font-size:13.5px; line-height:20px; font-family:Arial,​Helvetica,​sans-serif; } /*********************************************************************/ .HomePageMainDiv { padding:20px; } /***************************************/ .userProfile { position:relative; } .userProfile .userProfileEditButton { position:absolute; bottom:15px; right:60px; } .userProfile .userDetails { } .userProfile img, .userProfile .userDetails { margin:10px; float:left; float:left; line-height:200%; } .directionalInstructions .ContentViewerNoAdmin { float:none; padding:10px; } /******************************************/ /*.commuteTrackerSummaryNavAndTitle { float:right; } .commuteTrackerSummaryNavAndTitle span { float:left; margin:0px 5px; } .commuteTrackerSummaryNavAndTitle .forwardArrow { width: 0; height: 0; border-top: 10px solid transparent; border-left: 20px solid #666; border-bottom: 10px solid transparent; } .commuteTrackerSummaryNavAndTitle .backwardArrow { width: 0; height: 0; border-top: 10px solid transparent; border-right: 20px solid #666; border-bottom: 10px solid transparent; } .commuteTrackerSummaryNavAndTitle .CommuteTrackerSummaryMonthTitle { }*/ /**********************************************************/ /***************** ADMIN EDITING STUFF ********************/ /**********************************************************/ .ContentViewerNoAdmin .ContentViewerContainer, .ContentViewerNoAdmin .ContentViewerContainer:hover { border:0px solid transparent; border-radius:0px; background:none; box-shadow:none; margin:0; padding:0; } .ContentViewerContainer { /*border:1px solid transparent;*/ background:#f4fcfe; border-radius:5px; border: 1px solid #56D8FF; margin-bottom: 6px; padding-bottom:6px; } .AdminEditableContentContainer { display:block; } .ContentViewerContainer:hover { border:1px solid #29ABE2; position:relative; box-shadow:0px 0px 15px #29ABE2; border-radius:5px; } .ContentViewerMainActionButtonsWrapper { z-index:50; position:absolute; top:0px; right:0px; } .ContentViewerEditInfoBar { background: url("/Images/AdministrationModule/AdminBarButtonBG.png") repeat-x scroll center bottom #282828; border: 1px solid #000000; border-top-left-radius: 5px; display: none; height: 24px; color:#fff; padding:0px 10px; } .EditableContentInfo { color:#FFF; line-height:23px; } .EditableContentInfo div { float:left; margin:0px 10px; } .EditableContentInfo .dividingDivit { width:0px; height:100%; border-left:1px solid #000; border-right:1px solid #666; } .ContentViewerContainer:hover .ContentViewerEditInfoBar { display:block; } .ContentViewerMainActionButtonsWrapper .AdminModuleEditLink { padding:5px 10px; border:1px solid #29ABE2; background:#29ABE2; color:#fff; display:block; cursor:pointer; } .ContentViewerMainActionButtonsWrapper .AdminModuleEditLink:hover { color:#76FAFF; } .ContentEditorContainer { padding:10px; padding-top:30px; position:relative; margin:0px auto; width:960px; z-index:301; background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,.5); } .ContentEditorContainer .ContentEditorMainActionButtonsWrapper { display:block; position:absolute; top:0px; right:0px; color:#fff; } .ContentEditorPageOverlay { position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:300; background:rgba(0,0,0,.3); } .ContentEditorPageOverlay.transparentOverlay { background:rgba(0,0,0,0); } /****************************************/ div[id*="ContentEditorContainer"] { left: 0; top:0; position: absolute; z-index:301; width:100%; height:100%; } .ContentPreviewPanel { background: none repeat scroll 0 0 #ccc; left: 0; position: fixed; top: 20%; z-index:302; overflow:hidden; border-radius:0px 10px 10px 0px; box-shadow:0px 0px 20px rgba(0,0,0,.5); } .ContentPreviewPanel a { display:block; padding:10px; border-bottom:1px solid #bbb; border-top:1px solid #ddd; } .ContentPreviewPanel a:hover { background:#d9d9d9; } .newBannerRequiredWarning { display: block; font-size: 20px; margin-left: 50px; color: #ffffff; position: absolute; right: 0; background: rgba(0,0,0,0.3); padding: 0 10px; border-radius: 2px; height:60px; } .AdminMainWindowClose { position: absolute; right: 8px; top: 7px; /*font-size: 11px; font-weight: bold; background: #f2dede; padding: 0 4px; border-radius: 10px; border: 1px solid #eed3d7; color: #b94a48*/ background:#BA7D7D; border: 1px solid #902C2C; border-radius: 3px; color: #FFFFFF; font-size: 9px; font-weight: bold; padding: 1px 4px 1px 4px; cursor:pointer; } .siteColorPreviewHolder { border: 1px solid #e0e0e0; width:930px; margin:10px 0; } .siteColorPreviewUserNavigation{ background:#ffffff; } .siteColorPreviewSiteNavigationText{ color:#ffffff; font-size:12px; } .siteColorPreviewSiteNavigationHover{ background:#0288D1; display:inline-block; padding:0 10px; margin-left:15px; color:#ffffff; font-size:12px; padding-top:2px; height:18px; } .siteColorPreviewUserNavigationButton { background:#03A9F4; color:#ffffff; display: inline; float: right; font-size: 10px; padding: 2px 5px 2px 5px; margin: 4px 2px; } .siteColorPreviewBrandingBar{ height:44px; background:#03A9F4; text-align:center; } .siteColorPreviewSiteNavigation{ height:20px; background: #03A9F4 } .siteEditingHeading { border-bottom:1px solid #efefef; } /*.siteColorListingHolder{ margin-top:10px; margin-left:50px; }*/ .siteColorListing { height:30px; vertical-align:middle; padding-left:10px; } .siteColorListingDesc { font-size:12px; } .siteColorPreviewSiteMap { background:#e0e0e0; padding:10px; font-size: 12px; line-height: 20px; } /*.siteColorListingHolder tr:nth-child(odd){ background:#efefef; }*/ .siteColorBox { height: 13px; width: 13px; border: 1px solid #BDBDBD; display: inline-block; margin: 4px 10px 0 0; } .uploadBannerHolder{ width:930px; } .uploadBannerPreviewHolder, .uploadMobileBannerPreviewHolder, .uploadSocialMediaPostingImagePreviewHolder { background-color: #ffffff; background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee); background-size:20px 20px; background-position:0 0, 30px 30px; margin:10px 0; } .uploadBannerHolder .ruButton, .uploadMobileBannerHolder .ruButton, .uploadSocialMediaPostingImageHolder .ruButton { margin-left:10px !important; } .CurrentBannerInfoLabel { font-size: 12px; color: #168CF6; margin-left: 15px; } .CurrentBannerRemoveLabel{ font-size:12px; } /********************** KYLES STYLES FROM DASHBOARD PAGE */ div.dashboardContentWrapper > div { float: left; } div.dashboardUserProfileWrapper > div, div.directionalInstructionsWrapper > div, div.CommuterInformationWrapper > div, div.TeamChallengesWrapper > div, div.IncentivesWrapper > div, div.placeHolderDivWrapper > div { border-radius: 10px; } div.dashboardUserProfileWrapper { width: 35%; } div.dashboardUserProfileWrapper div.userProfile { background-color: #E6E6E6; width: 95%; min-height:100px; } div.directionalInstructionsWrapper { width: 65%; } div.directionalInstructionsWrapper div.directionalInstructions { background-color: #E6E6E6; width: 100%; min-height:100px; } div.TeamChallengesWrapper { width: 100%; } div.TeamChallengesWrapper div.TeamChallenges { background-color: #ccc; width: 100%; } div.IncentivesWrapper { width: 100%; } div.IncentivesWrapper div.Incentives { background-color: #ccc; width: 100%; } div.placeHolderDivWrapper { width: 100%; } div.placeHolderDivWrapper div.placeHolderDiv { background-color: #ccc; width: 100%; } /* MY COMMUTER SUMMARY */ /*#CommuteTrackerSummaryInfoLabel, .CommuterInformationSmallStats { position: relative; top: 0px; padding: 0px 10px 30px 0px; } #CommuteTrackerSummaryInfoLabel li, .CommuterInformationSmallStats li { padding: 5px 0px 0px 0px; margin: 0; margin-top:3px; float: left; width: 275px; font-weight: bold; color: #282828; font-size: 12px; } #CommuteTrackerSummaryInfoLabel li span, .CommuterInformationSmallStats li span { color: #5963B4; }*/ /* TABLE */ /*.hor-minimalist-b { /*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 15px; margin-top:5px; width: 480px; border-collapse: collapse; text-align: left; float:right; }*/ .hor-minimalist-b th { font-size: 10.5px; font-weight: normal; color: #000; padding: 5px 8px 5px 8px; /*border-bottom: 1px solid #000;*/ } /*.hor-minimalist-b caption { caption-side: top; text-align: left; border-bottom: 1px solid #000; padding-bottom: 5px; padding-left:5px; font-size: 18px; font-weight: bold; }*/ .hor-minimalist-b .CaptionSmall { font-size: 12.5px; font-weight: bold; } .hor-minimalist-b td { border-bottom: 1px solid #888; color: #333; padding: 4px 7px; font-size: 11px; font-weight: normal; } .hor-minimalist-b tbody tr:hover td { color: #4d4d4d; } .viewFullScoreboard { float:right; clear:both; padding:5px; margin:5px; background:#666; color:#ddd; border-radius:3px; cursor:pointer; } .viewContest { padding:3px; margin:1px; background:#666; color:#ddd; border-radius:3px; text-align:center; cursor:pointer; } .viewContest:hover, .viewFullScoreboard:hover { color:#8DE1FF; } /* .dashboardTitle { font-size:32px; float:left; } */ #dashboardWrapper .rtaActionButtons { float:right; margin:15px 0px; } .rtaActionButtons a { display:block; float:left; margin:10px; padding:10px; background:#ccc; color:#666; border-radius:5px; } .StdTeamListCell { font-size: 100%; } .HighlightTeamListCell, .HighlightTeamListCellLarge { background:#ccc; } .HighlightTeamListCellLarge { font-size: 12px; } /************************************************************/ /*.CommuteTrackerSummaryResponse table { width:97%; }*/ .CommuteTrackerSummaryResponse table tr { line-height:120%; } .CommuteTrackerSummaryResponse table tr td { text-align:right; } .commuteTracker .commuteTrackerSummaryNavAndTitle { display:none; } .pageContentHolder{ padding:10px; background:#ccc; color:#666; margin:0 10px; border-radius: 0px 10px 10px 10px; box-shadow: 4px 3px 3px #999; } /* CSS IVE ALTERED */ .pageContentHolderUnderTabs { border-radius:0 7px 7px 7px; margin-bottom:30px; background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #fcfcfc 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ border:1px solid #999999; } .pageContentTabSectionUnderTabs { display:none; padding:10px 10px 20px 10px; margin:10px; background:#F2F2F2; border-radius:5px; overflow:auto; border:1px solid #bbb; } .pageContentHolderNEW { /*background-image:url(/Images/TemplateImages/mainbkg.jpg); background-repeat:repeat;*/ margin:0; } .ContentSectionNEW { background:#ffffff; margin:0; padding:0; } .PrivacyContent { background:#ffffff; margin:0; padding:0; } .titleContainer { background:#ffffff; width:960px; height:auto; } .dashboardTitle { margin:0; padding:20px 0 0 0; /*background-image:url(/Images/ProfileImages/titleBkg.png); background-repeat:repeat-x;*/ width:auto; height:auto; margin-left:0; display:inline-block; vertical-align:middle; /*border-bottom:2px solid #1a89f9; /* PULL FROM DATABASE */ } .dashboardTitle h1 { font-size:18px; color:#666666; padding:0; margin:0; font-weight:normal; } .dashboardContentWrapperNEW { background:#ffffff; /*padding:30px;*/ position:relative; } /*remove the following code when dasboard 3 is put into play*/ .UserProfileNEW2 { width:330px; margin-right:15px; margin-bottom:15px; float:left; position:relative; } .UserProfileNEW2 img { border:1px solid #999; padding:7px; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#e2e2e2 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 5px; border-radius: 7px; margin: 10px 10px 10px 0; float:left; } .userWelcomeNEW2 { /*font-family:Arial, Sans-Serif;*/ font-size:16px; font-weight:bold; color:#393939; } .userDetailsNEW2 { margin:10px; float:left; float:left; line-height:200%; } .userInfoNEW2 { /*font-family:Arial, Sans-Serif;*/ font-size:14px; color:#393939; padding-top:5px; line-height:20px; } .userProfileEditButtonNEW2 { position:absolute; top:88px; left:110px; } .userProfileEditButtonNEW2 a { text-decoration:underline; color:#393939; } /* end of remove dashboard 2 code*/ .UserProfileNEW { width:300px; margin-right:15px; margin-bottom:15px; float:left; position:relative; padding:20px 20px 20px 0px; } .dashboardPersonalDetailsLeftSection .UserProfileNEW { width: 400px; padding: 20px; } .UserProfileNEW img { border:1px solid #999; padding:7px; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#e2e2e2 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 5px; border-radius: 7px; margin: 10px 10px 10px 0; float:left; } .userWelcomeNEWClean { /*font-family: Arial, sans-serif;*/ font-size:14px; font-weight:bolder; margin-right:10px; /*color:#ffffff;*/ margin-top: -1px; } .userWelcomeNEW { /*font-family: Arial,Sans-Serif;*/ font-size: 16px; font-weight: 700; } .userDetailsNEW { margin:10px; float:left; float:left; line-height:200%; } .userInfoNEW { /*font-family:Arial, Sans-Serif;*/ font-size:14px; color:#393939; padding-top:5px; line-height: 20px; } .dashboardPersonalDetailsLeftSection .userInfoNEW { padding-top:0px; } .userProfileEditButtonNEW { position:absolute; top:78px; left:110px; } .userProfileEditButtonNEW a { text-decoration:underline; color:#393939; } .directionalInstructionsNEW { width:518px; margin:0 0 30px 15px; float:right; padding:10px; border-radius: 7px; background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #fcfcfc 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ border:1px solid #999999; } .ERHdirectionalInstructions { width:540px; margin:-150px 0 30px 15px; float:right; padding:10px; border-radius: 7px; background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #fcfcfc 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ border:1px solid #999999; } .dashboardModuleHolder { background:#FCFCFC; border-radius:0 0 5px 5px; margin-top:5px; position:relative; } .DashboardItemBlock { width:900px; position:relative; margin:30px 0 0 0; border-radius: 7px; background: #fcfcfc; /* Old browsers */ /*background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#efefef 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#efefef 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 );*/ border:1px solid #999999; padding-bottom:15px; clear:both; } .DashboardSectionItemHeader { height:45px; background-repeat:repeat-x; border-radius:7px 7px 0 0; margin-top:-1px; /*covers the border of DashboardItemBlock to look better */ border-bottom:1px solid #ccc; } .DashboardItemHeader { background:#404040 !important; /* PULL FROM DATABASE */ height:36px; background-image:url(/Images/ProfileImages/titleBarBkg.png) !important; background-repeat:repeat-x; border-radius:7px 7px 0 0; margin-top:-1px; /*covers the border of DashboardItemBlock to look better */ } .DashboardSectionItemHeader h3 { font-family:Arial, Sans-Serif; font-size:16px; font-weight:bold; line-height:45px; padding: 0px 0px 0px 50px; margin:0; } .DashboardItemHeader h3 { color:#efefef; font-family:Arial, Sans-Serif; font-size:16px; font-weight:bold; line-height:36px; padding: 0px 0px 0px 20px; margin:0; } div.CommuterInformationWrapper div.CommuterInformation { width: 100%; } .CommuterInformationActionButtonNEW { position: absolute; top: 43px; right: 25px; z-index:5; } .CommuterInformationActionButtonNEW a, .CommuterInformationActionButtonNEW a:active, .CommuterInformationActionButtonNEW a:visited { display:block; background-color: #e26a00; /*PULL FROM DATABASE*/ background-image:url(/Images/ProfileImages/ItemBlockButtonBkg.png); background-repeat:repeat-x; border:1px solid; border-color:#e26a00; /*PULL FROM DATABSE - SAME AS BKG COLOR*/ border-radius:7px; color: #fff; /*PULL FROM DATABASE*/ font-weight: bold; font-family:Arial, Sans-Serif; font-size: 14px; height:32px; line-height:32px; padding:0 15px 0 15px; } .CommuterInformationActionButtonNEW a:hover { background-color: #e98503; /*PULL FROM DATABASE*/ color: #fff; /*PULL FROM DATABSE - SAME AS COLOR FOR NON HOVER*/ text-decoration:none; } .CommuterInformationSmall { width:250px; float:left; position:relative; padding-left:20px; } .CommuterInformationSmallStatsCOM { /*padding-left:30px;*/ } .CommuterInformationSmallStatsCOM { -moz-column-count: 4; -moz-column-gap: 30px; -webkit-column-count: 4; -webkit-column-gap: 30px; column-count: 4; column-gap: 30px; } .shareButton_wrapper .shareButton label { background: #666 !important; color: #fefefe !important; } img#share_modal_facebook_imageURL { max-width: 80px; } .CommuterInformationSmallStatsCOMIE ul li { float:left; width:190px; } .CommuterInformationSmallStats ul { margin:0 0 0 15px; padding:0; } .CommuterInformationSmallStats li { margin:7px; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; font-weight:bold; } .CommuterInformationSmallStats li span { color: #e26a00; /*PULL FROM DATABASE*/ } .CommuterInformationLargeStatsCOM { float:left; width:750px; } .CommuterInformationLargeStatsCOM .hor-minimalist-b caption { margin-top:0; padding-top:0; } .CommuterInformationLarge { width:625px; float:left; position:relative; } .CommuterInformationLargeStats { float:right; } .CommuterInformationSmall h6 { font-family: Arial, Helvetica, sans-serif; text-align: left; padding:15px 0 10px 5px; font-size: 14px; font-weight: bold; margin:0; } div.CommuterInformationWrapper div.CommuterInformationSmall div.CommuterInformationButtons { position: relative; top: 5px; } div.CommuterInformationWrapper div.CommuterInformationSmall div.CommuterInformationButtons > div { float:left; font-size: 12px; font-weight: bold; background-color: #888; padding: 8px; margin-right:4px; border-radius: 5px; color: #e6e6e6; cursor: pointer; } /* transfer start */ .hor-minimalist-b { /*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/ font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 10px 20px 0 20px; margin-top:5px; width: 615px; border-collapse: collapse; text-align: left; float:right; } .hor-minimalist-b caption { font-family: Arial, Helvetica, sans-serif; caption-side: top; text-align: left; border-bottom: 1px solid #999999; font-size: 14px; font-weight: bold; padding:10px 0 2px 5px; } .hor-minimalist-b .PointsCell { padding-right: 25px; text-align: center; width: 30px; vertical-align:middle; } .hor-minimalist-b .PointsCellHolder { border-radius:5px; background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */ /*-webkit-box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.1);*/ border: 1px solid #cccccc; padding: 5px 10px; *width:50px; } .hor-minimalist-b .PointsCellNumber { color:#E26A00; font-weight:bold; font-size:20px; } .hor-minimalist-b .PointsCellLabel { font-size: 10px; line-height: 12px; } .ImageCell > img { /*border: 1px solid #888888;*/ border-radius: 5px 5px 5px 5px; padding: 1px; } .hor-minimalist-b .ImageCell { border: 0px 0px 1px 0px solid #aaaaaa; width:100px; padding-right:10px; text-align:center; vertical-align:middle; } .hor-minimalist-b .SummaryTablePrimaryPrize { font-size: 13px; font-weight:bold; color: #444444; border: 0px; padding:5px; line-height:18px; } .hor-minimalist-b .SummaryTableSecondaryPrize { font-size: 12px; font-weight:bold; color: #777; border: 0px 0px 1px 0px solid #aaaaaa; padding:5px; line-height:16px; } .hor-minimalist-b .SummaryTablePrizeTitles { border-bottom: none !important; background: #dedede; border-radius:0 0 5px 5px; } .hor-minimalist-b .SummaryTablePrizeInfo { line-height: 25px; } .hor-minimalist-b .SummaryTablePrizeInfoPieceEntriesMade { padding:0 10px; border-left: 1px solid #cccccc; } .hor-minimalist-b .SummaryTablePrizeInfoPieceLastEntry { padding: 0 10px; } .hor-minimalist-b .SummaryTablePrizeInfoPieceInfo { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; font-weight: bold; padding: 2px 5px; } /* transfer end */ .commuteTrackerSummaryNavAndTitle { float:right; margin:0 300px 16px 0; } .commuteTrackerSummaryNavAndTitle span { float:left; width:100px; text-align:center; } .commuteTrackerSummaryNavAndTitle .forwardArrow { width: 0; height: 0; border-top: 7px solid transparent; border-left: 15px solid #666; border-bottom: 7px solid transparent; cursor:pointer; } .commuteTrackerSummaryNavAndTitle .backwardArrow { width: 0; height: 0; border-top: 7px solid transparent; border-right: 15px solid #666; border-bottom: 7px solid transparent; cursor:pointer; } .commuteTrackerSummaryNavAndTitle .CommuteTrackerSummaryMonthTitle { padding: 0px 8px 0px 8px; } .IncentivePointsHolder { margin: 20px auto; width: 800px; } .IncentivePointsItem, .IncentivePointsAvailable { font-family: Arial,Sans-Serif; font-size: 14px; font-weight: bold; line-height: 30px; padding:10px; border-bottom:1px solid #dddddd; } .IncentivePointsAvailableNumber, .IncentivePointsItemNumber { background: linear-gradient(to bottom, #FFFFFF 0%, #EAEAEA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #CCCCCC; border-radius: 5px; padding: 5px 10px; margin-right:5px; min-width:50px; text-align:center; display:inline-block; *display:inline; *zoom:1; } .IncentivePointsItemNumber { background:none; border:none; } .IncentivePointsAvailable, .IncentivePointsAvailableNumber { color:#E40000; font-size:16px; } /* CHALLENGES */ .tableSectionWrapperNEW { margin:20px 0px 30px 0; padding:0; border-radius: 7px; background:none; } #ctl01_ContentPlaceHolder1_CreateChallengeTeamHelpLabel { margin-right:20px; } .pageContentTabsNEW, .DasboardPageSectionTabs{ width:100%; overflow:auto; margin:0 0 -2px 0; padding-left:30px; position:relative; /*z-index:1;*/ } .pageContentTabNEW, .DashboardPageSectionTab{ float:left; margin-right:5px; } .pageContentTabNEW a:link, .DashboardPageSectionTab a:link, .pageContentTabNEW a:active, .DashboardPageSectionTab a:active, .pageContentTabNEW a:focus, .DashboardPageSectionTab a:focus, .pageContentTabNEW a:visited, .DashboardPageSectionTab a:visited { display:block; padding:10px; border-radius:3px 3px 0 0; text-decoration:none; cursor:pointer; background:#404040;/* PULL FROM DATABASE */ background-image:url(/Images/ProfileImages/titleBarBkg.png); background-repeat:repeat-x; color:#EFEFEF;/* PULL FROM DATABASE */ font-family:Arial,​Helvetica,​sans-serif; font-size:12px; font-weight:700; border:1px solid #999999; border-bottom:none; outline:none; } .pageContentTabNEW.openPageContentTab a, .DashboardPageSectionTab.openPageSectionTab a, .pageContentTabNEW.openPageContentTab a:hover, .DashboardPageSectionTab.openPageSectionTab a:hover { background:#fcfcfc; /* PULL FROM DATABASE - SAME AS PAGE .pageContentTabSection*/ color:#404040; /* PULL FROM DATABASE */ background-image:url(/Images/ProfileImages/tabBkg.png); background-repeat:repeat-x; border:1px solid #999999; border-bottom:none; margin-bottom:1px; } .pageContentTabNEW a:hover, .DashboardPageSectionTab a:hover{ background:#5e5d5d; /*PULL FROM DATABASE */ background-image:url(/Images/ProfileImages/tabBkg.png); background-repeat:repeat-x; color:#EFEFEF; /* PULL FROM DATABASE */ } .pageContentTabSectionNEW { display:none; padding:10px; margin:0 30px 10px 30px; border-radius:0 7px 7px 7px; border:1px solid #999999; background:#fcfcfc; } .pageContentTabSectionInnerNEW { background: none; border-radius: 5px 5px 5px 5px; margin: 5px 0; padding: 10px; font-size:13.5px; line-height:20px; font-family:Arial,​Helvetica,​sans-serif; } .challenge_header { background-color: #e26a00 !important; /*PULL FROM DATABASE*/ background-image:url(/Images/ProfileImages/ItemBlockButtonBkg.png); background-repeat:repeat-x; height:36px; } .challenge_header span { color:#fff; /* PULL FROM DATABASE */ font-family:Arial, Sans-Serif; font-size:16px; font-weight:bold; line-height:36px; padding: 0px 0px 0px 20px; margin:0; } .OrganizationCategoryDropdown select { border-radius: 5px 5px 5px 5px; border:1px solid #AFBED5; } /* CONFIRMATION EMAIL AND APPROVAL SECTIONS */ .EmailConfirmationTable { background:#ffc4c4; border-spacing: 2px; border:2px solid #c10300; padding-left:20px !important; } .EmailConfirmationTable .info_message { background-image:url(/Images/ProfileImages/emailConfirmAttention.png); background-position:left center; background-repeat:no-repeat; padding:0 0 15px 80px !important; font-family:Arial, Sans-Serif; font-size:14px; font-weight:bold; color:#c10300; } #ctl01_PageNavigation_EmailConfirmationTable a { font-family:Arial, Sans-Serif; font-size:14px; font-weight:bold; color:#c10300; text-decoration:underline; padding-left:10px; } #ctl01_PageNavigation_EmailConfirmationTable a:hover { color:#4387be; } #ctl01_PageNavigation_ResendConfirmationEmailImageButton { display:none; } /**************************/ #ctl01_PageNavigation_AccountRequiresApprovalTable { background:#fbf077; border:2px solid #ffd400; padding-left:20px !important; border-spacing: 2px; } #ctl01_PageNavigation_AccountRequiresApprovalTable .info_message { background-image:url(/Images/ProfileImages/emailConfirmAttention.png); background-position:left center; background-repeat:no-repeat; padding:14px 0 15px 80px !important; font-family:Arial, Sans-Serif; font-size:14px; font-weight:bold; color:#6b6b6b; } #ctl01_PageNavigation_AccountRequiresApprovalTable a { font-size:14px; font-weight:bold; color:#6b6b6b; text-decoration:underline; padding-left:10px; } #ctl01_PageNavigation_AccountRequiresApprovalTable a:hover { color:#4387be; } /* EDIT MY PERSONAL INFO */ .NewStyleItemHeader span.ProfileHeader { color:#666666; font-size:14px; /*font-weight:bold;*/ line-height:36px; padding: 0px 0px 0px 20px; margin:0; position:relative; } .ProfileSubHeaderHolder:nth-child(odd) { background:none; } span.ProfileSubHeader { color:#333333; font-size:14px; /*font-weight:bold;*/ line-height:50px; padding: 0px 0px 0px 20px; margin:0; position:relative; } .ContentWrapperNEW { background:none; padding:30px; position:relative; padding-top:0px; } .NewStyleTitle { margin:0; padding:0 20px 0 20px; /*background-image:url(/Images/ProfileImages/titleBkg.png); background-repeat:repeat-x;*/ width:auto; height:36px; margin-left:30px; display:inline-block; vertical-align:middle; /*border-bottom:2px solid #1a89f9; /* PULL FROM DATABASE */ } .NewStyleTitle h1 { font-family: Arial, Sans-Serif; font-weight:bold; font-size:14px; line-height:36px; color:#efefef; /* PULL FROM DATABASE */ padding:0; margin:0; } .NewStyleItemBlock { width:900px; position:relative; margin:30px 0 0 0; border-radius: 2px; box-shadow:0 2px 5px 0 rgba(0,0,0,.26); background: #ffffff; clear:both; } .NewStyleItemHeader { height:36px; margin-top:-1px; /*covers the border of DashboardItemBlock to look better */ display:none; } .NewStyleItemHeader h3 { color:#efefef; /* PULL FROM DATABASE */ font-family:Arial, Sans-Serif; font-size:14px; font-weight:bold; line-height:36px; padding: 0px 0px 0px 20px; margin:0; } .ProfileLabel { color:#5d5d5d; /* PULL FROM DATABASE */ font-family:Arial, Sans-Serif; font-size:14px; padding-left:10px; } .ProfileEditUserIDTable { margin-left:0px; } .ProfileFieldLabel { width:250px; } .ProfileEditable { padding:10px 0 10px 30px; } .ProfileEditableSmallSpace { padding:2px 0 2px 30px; } .ProfileDetailsEditable { padding:4px 0 4px 30px; } .ProfileDetailsField { border-radius: 5px 5px 5px 5px; height:20px; padding:0 0 0 10px; border:1px solid; width:200px; } .ProfileDetailsFieldNoWidth { border-radius: 5px 5px 5px 5px; height:20px; padding:0 0 0 10px; border:1px solid; } .ProfileFacebookTable { padding:15px 0 15px 205px; } .ProfileGraphicTable img { border:1px solid #999; padding:7px; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#e2e2e2 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 5px; border-radius: 7px; margin: 10px 10px 10px 0; float:left; } .ProfileSubmitTable { width:100%; margin:50px 0 0 0; } .ProfileSubmitTableInner { margin:auto; width:200px; } .ProfileContactTable { margin-bottom:10px; margin-top:10px; } .ProfilePasswordTable { margin-top:10px; margin-bottom:10px; } .ProfileEmailTwoTable { margin-top:10px; margin-bottom:10px; } .ProfileCommutingScheduleTable { padding:10px 10px 0px 10px; } .ProfileCarpoolDetailsTable { margin-top:10px; margin-bottom:10px; } .ProfileCommutingModesTable { margin-top:10px; margin-bottom:10px; } .ProfileMatchingPopulationTable { margin-top:10px; margin-bottom:10px; } .ProfileAutoMatchingTable { margin-top:10px; margin-bottom:10px; } .ProfileAutoNotificationTable { margin-top:10px; margin-bottom:10px; } .ProfileGeneralNotificationTable, .ProfileCarpoolNotificationTable, .ProfilePopulationNotificationTable, .ProfileCommuteScheduleNotificationTable, .ProfileDistanceNotificationTable { margin-top:10px; margin-bottom:10px; } .profileDivider { color: #ddd; background: #ddd; border: 0; height: 1px; } .ProfileAgreementCheckbox { width:750px; margin:auto; } .ProfileAgreementButtons { margin:0 0 30px 220px; } .ProfileAgreementButtons span { float:left; margin:0 20px 0 20px; } .ProfileAgreementCheckboxBox { width:20px; float:left; } .ProfileAgreementCheckboxText { width:700px; float:left; padding-left:15px; } .ProfileConditionStatements { width:800px; margin-left:50px; margin-bottom:20px; margin-top:20px; } .ProfileConditionStatements img { float:left; } .ProfileAttentionLine { line-height:35px; padding-left:75px; } /* HELP BOXES */ .GlobalHelpIcon { position:absolute; right:-30px; top:0px; width:16px; height:16px; background:url("/Images/ProfileImages/ProfileHelpButton.png") no-repeat; } .GlobalHelpIconInline { position:absolute; right:-20px; top:0px; width:16px; height:16px; background:url("/Images/ProfileImages/ProfileHelpButtonInline.png") no-repeat; } .GlobalHelpIconInlineChangeLogin { position:absolute; left:225px; top:0px; width:16px; height:16px; background:url("/Images/ProfileImages/ProfileHelpButtonInline.png") no-repeat; } .GlobalHelpIconInlineChallenges { position:absolute; right:15px; top:7px; width:16px; height:16px; background:url("/Images/ProfileImages/ProfileHelpButtonInline.png") no-repeat; } .GlobalHelpIcon .GlobalHelpIconContent { display:none; } .GlobalHelpIconInline .GlobalHelpIconContent { display:none; } .GlobalHelpIconInlineChallenges .GlobalHelpIconContentLeft { display:none; } .GlobalHelpIconInlineChangeLogin .GlobalHelpIconContent { display:none; } .GlobalHelpIcon:hover .GlobalHelpIconContent { background: none repeat scroll 0 0 #EEEEEE; border: 2px solid #333333; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 15px #555555; color: #333333; display: block; left: 100%; min-width: 300px; padding: 5px; position: absolute; top: 50%; z-index: 100; font-family: Arial, Sans-Serif; font-weight:normal; font-size:12px; line-height:20px; } .GlobalHelpIconInline:hover .GlobalHelpIconContent { background: none repeat scroll 0 0 #EEEEEE; border: 2px solid #333333; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 15px #555555; color: #333333; display: block; left: 100%; min-width: 300px; padding: 5px; position: absolute; top: 50%; z-index: 100; font-family: Arial, Sans-Serif; font-weight:normal; font-size:12px; line-height:20px; } .GlobalHelpIconInlineChallenges:hover .GlobalHelpIconContentLeft { background: none repeat scroll 0 0 #EEEEEE; border: 2px solid #333333; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 15px #555555; color: #333333; display: block; right: 100%; min-width: 300px; padding: 5px; position: absolute; top: 50%; z-index: 100; font-family: Arial, Sans-Serif; font-weight:normal; font-size:12px; line-height:20px; } .GlobalHelpIconInlineChangeLogin:hover .GlobalHelpIconContent { background: none repeat scroll 0 0 #EEEEEE; border: 2px solid #333333; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 15px #555555; color: #333333; display: block; left: 100%; min-width: 300px; padding: 5px; position: absolute; top: 50%; z-index: 500; font-family: Arial, Sans-Serif; font-weight:normal; font-size:12px; line-height:20px; } .GlobalHelpIconInline:hover .GlobalHelpIconContent ul, .GlobalHelpIcon:hover .GlobalHelpIconContent ul { margin-left:30px !important; } .GlobalHelpIcon:hover .GlobalHelpIconContent li { list-style: square; } .GlobalHelpIconInline:hover .GlobalHelpIconContent li { list-style: square; } .GlobalHelpIconInlineChallenges:hover .GlobalHelpIconContent li { list-style: square; } .GlobalHelpIconInlineChangeLogin .GlobalHelpIconContent li { list-style: square; } /* MESSAGE CENTER */ .DashboardMessageWrapper { display:none; position:relative; background:#cccccc; background:rgba(0,0,0,0.1); padding-bottom:30px; zoom:1; z-index:1; } .DashboardMessageHolderBottomShadow { position:absolute; bottom:0px; height:5px; width:960px; background-image:url(/Images/ProfileImages/MessageBottomShadow.png); background-repeat:no-repeat; } .DashboardMessageHolderTopShadow { height:5px; margin-bottom:-5px; width:960px; background-image:url(/Images/ProfileImages/MessageTopShadow.png); background-repeat:no-repeat; } .DashboardMessageContentHolder { width:900px; border-radius:0 0 7px 7px; background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #fcfcfc 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ border:1px solid #999999; margin:0 30px 0 30px; border-top:none; } .DashboardMessageHeader { height:36px; margin-top:-1px; /*covers the border of DashboardItemBlock to look better */ } .DashboardMessageHeader h3 { color:#666666; font-family:Arial, Sans-Serif; font-size:14px; font-weight:bold; line-height:36px; padding: 5px 0px 0px 30px; margin:0; } .DashboardUserMessages { width:840px; background:#ffffff; border-radius:7px; border:1px solid #999999; margin-left:30px; margin-top:10px; overflow:hidden; } .DashboardSystemMessages { width:840px; background:#ffffff; border-radius:7px; border:1px solid #999999; margin-left:30px; margin-top:10px; overflow:hidden; } .DashboardSentMessages { width:840px; background:#ffffff; border-radius:7px; border:1px solid #999999; margin-left:30px; margin-top:10px; overflow:hidden; } .DasboardSectionMessageHeader { width:840px; border-radius:7px 7px 0 0; height:20px; background:#444444; border-bottom:1px solid #999999; margin-top:-1px; } .DasboardSectionMessageHeader h4 { line-height:20px; margin:0 0 0 20px; padding:0; color:#EFEFEF; } .DashboardMessagesExtendIcon { cursor:pointer; zoom: 1; background-image:url(/Images/ProfileImages/messagesIcon.png); background-repeat:no-repeat; padding:10px 19px; } .DashboardMessagesExtendIcon:hover { background-image:url(/Images/ProfileImages/messagesIconHover.png); background-repeat:no-repeat; } .MessagesTable { overflow:hidden; max-width:840px; white-space:no-wrap; overflow:hidden; text-overflow: ellipsis; } .MessageTitles td { font-weight:bold; background:#F4F4F4; overflow: hidden; text-overflow: ellipsis; } .NewMessage { background:#FCFFF0; font-weight:bold; border-top:1px solid #E3E6D8; border-bottom:1px solid #E3E6D8; overflow: hidden; text-overflow: ellipsis; max-width:840px; cursor:pointer; } .ReadMessage { font-weight:normal; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; overflow: hidden; text-overflow: ellipsis; max-width:840px; cursor:pointer; } .ReadMessage:last-child { border-bottom:none; } .MessageFrom { min-width: 150px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 10px 0 10px; line-height:20px; } .MessageTopic { min-width: 100px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 10px 0 10px; line-height:20px; } .MessageSubject { min-width: 350px; max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:2px 10px 2px 10px; line-height:20px; } .MessageBody { min-width: 175px; max-width: 175px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:2px 10px 2px 10px; line-height:20px; } .MessageDate { min-width: 165px; max-width: 165px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:2px 10px 2px 10px; line-height:20px; } .MessagesButtons { margin-right:30px; float:right; } .MessagesButtons li { margin: 10px 0 10px 0; width: 200px; background-color: #e26a00; /*PULL FROM DATABASE*/ background-image: url(/Images/ProfileImages/ItemBlockButtonBkg.png); background-repeat: repeat-x; border: 1px solid; border-color: #e26a00; /*PULL FROM DATABSE - SAME AS BKG COLOR*/ color: #fff; /*PULL FROM DATABASE*/ font-weight: bold; font-family: Arial, Sans-Serif; font-size: 12px; border-radius: 7px; padding: 5px 10px 5px 10px; text-align: center; } .MessagesButtons li a { color:#fff; } .MessagesButtonsSub { display:none; } .MessagesButtons li:hover .MessagesButtonsSub { display:block; } .MessagesButtonsSub li { margin-left: -40px; width: 200px; padding:0; text-align:left; background:none; } .MessagesButtonsSub li a { color:#fff; } #messagePopUpHolder { position:absolute; margin-left:30px; margin-top:10px; width:900px; height:auto; display:none; z-index:5001; background: #efefef; border:1px solid #999999; border-radius:10px; } .messagePopUpHolderHeader { background:#404040 !important; height:36px; background-image:url(/Images/ProfileImages/titleBarBkg.png) !important; background-repeat:repeat-x; border-radius:7px 7px 0 0; margin:-1px; } .messagePopUpHolderHeader h3 { color:#efefef; /* PULL FROM DATABASE */ font-family:Arial, Sans-Serif; font-size:16px; font-weight:bold; line-height:36px; padding: 0px 0px 0px 20px; margin:0; float:left; } .messagePopUpHolderClose { float:right; line-height:36px; padding: 0px 5px 0px 0px; margin:0; cursor:pointer; width:24px; height:35px; background-image: url(/Images/ProfileImages/CloseMessageButton.png); background-repeat: no-repeat; } .messagePopUpMetaInfo { margin:20px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2); padding-left:10px; margin-bottom:0; } .messagePopUpFrom { width:410px; float:left; margin-right:20px; } .messagePopUpFromLabel { float:left; } .messagePopUpFromData p { float:left; margin-left:10px; line-height:20px; } .messagePopUpTopic { width:310px; float:left; } .messagePopUpTopicLabel { float:left; } .messagePopUpTopicData p { float:left; margin-left:10px; line-height:20px; } .messagePopUpSubject { clear:both; } .messagePopUpSubjectLabel { float:left; } .messagePopUpSubjectData p { float:left; margin-left:10px; line-height:20px; } .messagePopUpMessage { clear:both; margin:10px 20px 10px 20px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2); padding:20px 10px 20px 10px; background:#fff; } .messagePopUpTo { clear:both; margin:10px 20px 10px 20px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2); padding:20px 10px 20px 10px; background:#fff; display:none; } .messagePopUpReply { clear:both; height:200px; margin:10px 20px 10px 20px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2); padding:20px 10px 20px 10px; background:#fff; display:none; } .messagePopUpButtons { margin:10px 20px 20px 0; float:right; } .messagePopUpButtons li a { background-color: #e26a00; /*PULL FROM DATABASE*/ background-image: url(/Images/ProfileImages/ItemBlockButtonBkg.png); background-repeat: repeat-x; border: 1px solid; border-color: #e26a00; /*PULL FROM DATABSE - SAME AS BKG COLOR*/ color: #fff; /*PULL FROM DATABASE*/ font-weight: bold; font-family: Arial, Sans-Serif; font-size: 12px; border-radius: 7px; padding: 5px 10px 5px 10px; text-align: center; color:#fff; } .messagePopUpSendButton { display:none; } .messagePopUpThankYou { display:none; float:right; padding-top:5px; } .MessagesButtonsHideAll { display:none; } .HiddenMessage { display:none; } /* DELETE ACOUNT */ .DeActivateHolder { width:900px; margin:30px 0 0 30px; border-radius: 7px; background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #fcfcfc 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ border:1px solid #999999; } .DeleteHolder { width:900px; margin:30px 0 0 30px; border-radius: 7px; background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #fcfcfc 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ border:1px solid #999999; } /* COMMUTE PROFILE */ .ScheduleHolder { border:1px solid #BBBBBB; border-radius:7px; padding:5px; } .ToggleSwitchWrapper { display:inline-block; border:1px solid #999; border-radius:3px; background:#e5e5e5; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) inset, -1px -1px 0 rgba(0, 0, 0, 0.3) inset, 1px 1px 3px rgba(0, 0, 0, 0.3); margin-left:10px; } .ToggleSwitchWrapper label { background:url(/Images/NavTabs/nav-bar-shading.png) center -50px repeat-x; float:left; padding:0px 10px; cursor:pointer; height:26px; border-left:1px solid #fff; border-right:1px solid #aaa; } .ToggleSwitchWrapper label:hover { background-position: center 1px; background-color: #ddd; box-shadow: 0px -1px 0 rgba(0, 0, 0, 0.3) inset; } .ToggleSwitchWrapper label.checked{ background: #E26A00; border-left:1px solid transparent; box-shadow: none; color:#fff; } .ToggleSwitchWrapper label.first{ border-left:none; border-radius:2px 0 0 2px; } .ToggleSwitchWrapper label.last{ border-radius:0 2px 2px 0; border-right:none; } .ToggleSwitchWrapper input { padding:0; margin:0; /*resets margin to 0*/ float:left; margin:7px 7px 0 0 !important; } .ToggleSwitchWrapper label span{ line-height:25px; font-weight:normal; } .ToggleSwitchWrapperVertical { display:inline-block; border:1px solid #999; border-radius:3px; background:#e5e5e5; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) inset, -1px -1px 0 rgba(0, 0, 0, 0.3) inset, 1px 1px 3px rgba(0, 0, 0, 0.3); margin-left:10px; padding-right:2px; } .ToggleSwitchWrapperVertical label { background:url(/Images/NavTabs/nav-bar-shading.png) center -50px repeat-x; float:left; cursor:pointer; height:30px; border-left:1px solid #fff; width:100%; box-shadow: 0px -1px 0 rgba(0, 0, 0, 0.1) inset; } .ToggleSwitchWrapperVertical label:hover { background-position: center 1px; background-color: #ddd; box-shadow: 0px -1px 0 rgba(0, 0, 0, 0.1) inset; } .ToggleSwitchWrapperVertical label.checked{ background: #E26A00; border-left:1px solid transparent; box-shadow: none; color:#fff; } .ToggleSwitchWrapperVertical label.first{ border-left:none; border-radius:2px 2px 0 0; } .ToggleSwitchWrapperVertical label.last{ border-radius:0 0 2px 2px; border-right:none; } .ToggleSwitchWrapperVertical input { padding:0; margin:0; /*resets margin to 0*/ float:left; margin:9px 7px 0 7px !important; } .ToggleSwitchWrapperVertical label span{ line-height:30px; padding:5px 10px 5px 0; font-weight:normal; } .ToggleSwitchWrapperVertical .ToggleSwitchVerticalItemHolder { display: block; clear:both; } .AutoMatchingEditLink a, .AutoMatchingEditLink a:visited { text-decoration:underline; color:#5D5D5D; margin-left:20px; vertical-align:top; font-weight:normal; } .AutoMatchingEditLink a:hover { text-decoration:underline; color:#f3581f; } /* INCENTIVES */ #purchaseConfirmationPopUpHolder { position:fixed; /*margin:auto 0 auto 230px;*/ width:500px; z-index:5001; background: #fcfcfc; border:1px solid #999999; top:20%; margin-left:230px; border-radius:10px; display:none; padding-bottom:30px; cursor:move } .purchaseConfirmationPopUpHolderHeader { background:#404040 !important; height:36px; background-image:url(/Images/ProfileImages/titleBarBkg.png) !important; background-repeat:repeat-x; border-radius:7px 7px 0 0; margin:-1px; } .purchaseConfirmationPopUpHolderHeader h3 { color:#efefef; /* PULL FROM DATABASE */ font-family:Arial, Sans-Serif; font-size:16px; font-weight:bold; line-height:36px; padding: 0px 0px 0px 20px; margin:0; float:left; } #IncentiveOverlay { position: fixed; top: 0; left: 0; background-image:url(/Images/OverlayBkg.png); background-repeat:repeat; background-color: rgba(0,0,0,0.6); width: 100%; z-index: 1050; height:100%; display:none; } #IncentiveOverlay2 { position: fixed; top: 0; left: 0; background-image:url(/Images/OverlayBkg.png); background-repeat:repeat; background-color: rgba(0,0,0,0.6); width: 100%; z-index: 950; height:100%; display:none; } .purchaseConfirmationLabel { font-size:15px; margin:30px 0 30px 0; color:#4D4D4D; text-align:center; padding:0 10px 0 10px; line-height:25px; } .QuantityDropdownHolder { width:100px; margin:auto; } .QuantityDropdownHolder select { height: 36px; line-height: 36px; text-align: center; width: 100px; border-radius:5px; background:#ccc; border:1px solid #999; font-size: 20px; font-weight: bold; } #QuantityDropdown > option { background: none repeat scroll 0 0 #EEEEEE; font-size: 20px; } .purchaseButtonHolder { width:500px; margin-top:20px; } .purchaseConfirmationButton { background-image: url("/Images/Incentives/images/btnPurchase.jpg"); background-repeat: repeat-x; color: #4D4D4D; cursor: pointer; float: right; font-size: 1.4em; font-weight: bold; margin-right: 30px; margin-top: 10px; padding:10px; text-align: center; width: 150px; border-radius: 7px; border: 1px solid #ffa515; } .purchaseConfirmationButton:hover { background-image: url("/Images/Incentives/images/btnPurchaseHover.jpg"); background-repeat: repeat-x; } .purchaseContinueShoppingButton { background-image: url("/Images/Incentives/images/btnPurchase.jpg"); background-repeat: repeat-x; color: #4D4D4D; cursor: pointer; font-size: 1.4em; font-weight: bold; margin:auto; padding:10px; text-align: center; width: 250px; border-radius: 7px; border: 1px solid #ffa515; } .purchaseContinueShoppingButton p { color: #4D4D4D !important; } .purchaseContinueShoppingButton a:hover { text-decoration:none; } .purchaseContinueShoppingButton:hover { background-image: url("/Images/Incentives/images/btnPurchaseHover.jpg"); background-repeat: repeat-x; } .purchaseConfirmationButton p { color: #4D4D4D !important; } .purchaseConfirmationButton a:hover { text-decoration:none; } .purchaseConfirmationCancel { background-image: url("/Images/Incentives/images/btnCancel.jpg"); background-repeat: repeat-x; color: #4D4D4D; cursor: pointer; float: left; font-size: 1.4em; font-weight: bold; margin-left: 30px; margin-top: 10px; padding:10px; text-align: center; width: 150px; border-radius:7px; border: 1px solid #cd0b1f; } .purchaseConfirmationCancel:hover { background-image: url("/Images/Incentives/images/btnCancelHover.jpg"); background-repeat: repeat-x; } .purchaseConfirmationCancel p { color: #4D4D4D !important; } .purchaseConfirmationCancel a:hover { text-decoration:none; } .purchaseItemDescriptionHolder { padding:10px 0 10px 10px; font-size:16px; margin-top:15px; background:#777; background-image: url("/Images/Incentives/images/purchaseConfirmationHolderBkg.png"); background-position:top; background-repeat: repeat-x; position:relative; -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, .7); box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, .7); } .purchaseItemDescriptionHolder h3 { float:left; margin-left:10px; color:#fff; min-width:237px; max-width:327px; } .purchaseItemImage { max-width:233px; float:left; } .purchaseItemImage img { max-width:213px; border: 1px solid; padding:5px; border:1px solid #000; border-radius:5px; background: #fff; } .purchaseItemDescription { /*clear:both;*/ color:#fcfcfc; font-size:12px; /*font-weight:bold;*/ margin:0 10px 10px 10px; padding-bottom:50px; padding-top:10px; line-height:14px; min-width:237px; max-width:327px; float:left; } .purchaseItemPointValue { width: 253px; height:45px; background-image: url("/Images/Incentives/images/purchaseConfirmationPointsValueBkg.png"); background-repeat: no-repeat; position:absolute; bottom:0; right:0; } .purchaseItemPointValue p { color: #4D4D4D; font-size:12px; font-weight:bold; line-height:14px; float:right; line-height:34px; } .purchaseItemPointValue span { color: #4D4D4D; float: right; font-size: 20px; font-weight: bold; line-height: 30px; margin-right: 15px; margin-left:10px; } /* IE statements*/ .ieWarningHolder { background:#fbf077; border:2px solid #ffd400; padding-left:20px !important; background-position:top 30px; margin:5px 0 5px 0; } .ieWarningInfoHolder { width:600px; float:left; } .newBrowserLogo { margin:5px; border:none; } .ieWarningHolder h4 { font-family:Arial, Sans-Serif; font-size:14px; font-weight:bold; color:#6b6b6b; margin:10px; } .ieWarningHolder p { margin-left:10px; } #updateProgressOverlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); background-image:url("/Images/LoadingSpinner6.gif"); background-position:center center; background-repeat:no-repeat; z-index:11000; } .loginSubmitSpinner { background: url("/Images/loginLoader.gif") no-repeat center center; float: right; height: 15px; margin-top: 7px; text-align: right; width: 160px; } .MapDistanceAndTimeDisplay div { float:left; padding-right:10px; } .ReplacedSelectElement .ReplaceableSelectElement{ display:none; } .ReplacedSelectElement{ position:relative; border: 1px solid #C5C5C5; border-radius: 3px 3px 3px 3px; box-shadow: none; padding: 3px 0; text-indent: 1px; /* z-index: 1; */ background:#fff; } /* .SelectedOptionValue{ padding:5px; border:1px solid black; cursor:pointer; } */ .ReplacedOptions{ display:none; position:absolute; right:-1px; background:#fff; border: 1px solid #C5C5C5; width:100%; font-size: 10px; line-height: 16px; border-radius:10px; background:url("/Images/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top #EEEEEE; box-shadow:1px 1px 0 rgba(255, 255, 255, 0.6) inset, -1px -1px 0 rgba(0, 0, 0, 0.3) inset, 0px 0px 5px rgba(0, 0, 0, 0.5), 0px -1px 3px rgba(0,0,0,0.3) inset; z-index: 999; } .ReplacedOptions.top{ bottom:100%; border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0; } .ReplacedOptions.bottom{ top:100%; border-top-left-radius:0; border-top-right-radius:0; border-top:none; } /* .SelectBoxOPEN .ReplacedOptions{ display:block; } */ .ReplacedOption{ cursor:pointer; display:block; padding:3px 5px; margin:0px; border-radius:5px; border-bottom: 1px solid #FFFFFF; border-top:1px solid #d4d4d4; } .ReplacedOption:hover { color:#FFF; background:#F0713A; } /*************************************** NEW CONSOLIDATED DESIGN ******************************************************************************* **************************************** ******************************************************************************/ /****** NOTIFICATION BOXES ******/ .redNotificationBox { background: none repeat scroll 0 0 #FEE9E7; border: 1px solid #f41e0f; border-radius: 5px 5px 5px 5px; color: #B50707; padding: 5px; display:inline-block; *display:inline; *zoom:1; } .yellowNotificationBox { background: none repeat scroll 0 0 #FFF0A0; border: 1px solid #FFCD00; border-radius: 5px 5px 5px 5px; color: #9D4B31; padding: 5px; } .greenNotificationBox { background: none repeat scroll 0 0 #B9FBB9; border: 1px solid #71B371; border-radius: 5px 5px 5px 5px; color: #2D6F2D; padding: 5px; } .blueNotificationBox { background: none repeat scroll 0 0 #B9E9FE; border: 1px solid #6C9CB1; border-radius: 5px 5px 5px 5px; color: #115297; padding: 5px; } /****** MODULED CONTENT ******/ /*Sample Use:*/ /*
Module Heading
Hide This Module
This is some sample content in the Module Content section.
*/ .ModuleContentHolder { background: #ffffff; border: 1px solid #ededed; border-radius: 3px; } .ModuleContentHolder .ModuleContentHeader { padding: 10px; font-size:14px; font-weight:bold; color:#333; background: #e4e4e4; background-image: url("/Images/NavTabs/nav-bar-shading.png"); background-repeat: repeat-x; background-position: center -50px; } .CollapseExpandButton { cursor: pointer; float: right; *float:none; font-size: 12px; font-style: normal; font-weight: normal; margin-top: 2px; padding-right: 25px; text-align: right; background-image:url(/Images/ContractBkg.png); background-position:right; background-repeat:no-repeat; } .CollapseExpandButton.Collapsed { background-image:url(/Images/ExpandBkg.png); background-position:right; background-repeat:no-repeat; } .ModuleContentHeader.Collapsed { margin-bottom:0px; border-radius:7px; border-bottom:none; } .ModuleContent, .ModuleContentHolder .Content, .OptionsContentHolder .Content { margin:10px; } .bootstrap.ModuleContent, .bootstrap .ModuleContentHolder .Content, .bootstrap .OptionsContentHolder .Content { margin:0; } .OptionsContentHolder { width: 100%; float: left; background-color: #D3D3D3; position:relative; } .OptionsContentHolder .CollapseExpandButton { margin-top: 0px; } .OptionsContentHolder .ContentHeader { font-size: 13px; font-style: normal; font-weight: bold; padding: 10px; color: #333; background: #e4e4e4; border-bottom: 1px solid #8a8a8a; border-radius: 0px; } .OptionsContentHolder .OptionsContent { padding: 0 3%; margin: 0; width: 94%; position: absolute; top: 40px; background-color: inherit; z-index:500; } .OptionsContentHeader.Collapsed { border-bottom:none; } /* Text */ /*.actionButton { background-color: #29ABE2; background-image: url("/Images/NavTabs/nav-bar-shading.png"); background-position: center bottom; background-repeat: repeat-x; border: 1px solid #4D4D4D; border-radius: 5px 5px 5px 5px; color: #FFFFFF !important; display: block; font-size: 14px; font-weight: bold; padding: 8px 20px; text-align:center; cursor:pointer; } .actionButton:hover { background-position: center top; } .actionButton a { color: #FFFFFF !important; } .actionButton a:hover { text-decoration: none !important; }*/ /****** PAGE SECTION TABS ******/ /*Sample Use:*/ /* */ /*.PageSectionTabs{ overflow:auto; position:relative; z-index:1; height:50px; } .PageSectionTab{ margin:0; float:left; margin-right:40px; position:relative; z-index:1; } .PageSectionTab.openPageSectionTab{ position:relative; z-index:4; } .PageSectionTab a:link, .PageSectionTab a:active, .PageSectionTab a:focus, .PageSectionTab a:visited{ margin:0; display:inline-block; text-decoration:none; cursor:pointer; color:#4D4D4D; font-family:Arial,​Helvetica,​sans-serif; font-size:14px; font-weight:bold; line-height:34px; padding:0 10px 0 10px; border-radius:5px; position: relative; } .PageSectionTab a:hover { background: #D5D5D5; } .PageSectionTab.openPageSectionTab a, .PageSectionTab.openPageSectionTab a:hover{ background: #727272; color: #FFFFFF; margin: 0; z-index: 2; border-top: 1px solid #727272; border-bottom:2px solid #555; border-right:2px solid #555; border-left:1px solid #727272; } .PageSectionTab.openPageSectionTab a:after, .PageSectionTab.openPageSectionTab a::after { position: absolute; top: 100%; left: 50%; margin-left: -12px; content: ''; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #727272; }*/ /********************************************* ****************** POP-UPS/OVERLAYS ******************/ /***************** POP-UP 1 WITHOUT POINTER*****************/ /*
X

Title Sample

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 ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Cancel Save
*/ /***************** POP-UP 2 WITH POINTER******************/ /*
X

Title Sample

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 ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Cancel Save
*/ #PopUpContainer { display:none; position: fixed; width:100%; height:0%; z-index:1000; } #PopUpWindowContainer, #PopUpWindowContainerContactUs, .PopUpWindowContainer, #PopUpWindowContainerTermsConditions, #PopUpWindowContainerClaimConfirm { display:none; position:absolute; width:100%; height:0%; z-index: 1500; } .CancelSurvey { float:right; margin-right:30px; } .SubmitSurvey { float:right; margin-right:10px; } .PopUpWindowContainerCenter, .PopUpWindowContainerCenterContactUs, .PopUpWindowContainerCenterTermsConditions, .PopUpWindowContainerCenterClaimConfirm, .PopUpWindowContainerReportCenter { display: none; position: absolute; width: 960px; } .popUpWindow, .popUpWindowContactUs, .popUpWindowTermsConditions, .popUpWindowClaimConfirm, .popUpReportWindow { display: block; width: 930px; min-width: 445px; height: auto; background: #fff; color: #333; box-shadow: 0px 0px 20px rgba(0,0,0,.5); z-index: 1000; border-radius: 3px; margin: auto; } .popUpContent, .popUpContentContactUs, .popUpContentTermsConditions, .popUpContentClaimConfirm, .popUpContentClaimConfirmTaxi .ERHIsNotPossibleCurrently, .popUpReportContent { font-size: 12px; line-height: 19px; /*padding: 20px;*/ /*margin:10px 20px 0;*/ } .popUpTitle, .popUpTitleContactUs, .popUpTitleTermsConditions, .popUpTitleClaimConfirm, .popUpReportTitle { min-height: 40px; color: #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; background: #4d4d4d; background: linear-gradient(to bottom, #5E5E5E 1%, #4d4d4d 100%) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5E5E5E', endColorstr='#4d4d4d',GradientType=0 ); } .popUpTitle h3, .popUpTitleContactUs h3, .popUpTitleTermsConditions h3, .popUpTitleClaimConfirm h3, .popUpReportTitle h3 { color:#fff; font-size: 20px; line-height: 48px; margin: 0; vertical-align: middle; font-weight:normal; } .positionRight .pointerBorder { border-right: 20px solid #333333; left: 236px; } .pointerBorder, .pointerWhite { border-bottom: 20px solid transparent; border-top: 20px solid transparent; height: 0; position: absolute; top: 70px; width: 0; } .positionRight .pointerWhite { border-right: 20px solid #FFFFFF; left: 238px; } .popUpTitle .popUpClose:hover, .popUpReportTitle .popUpClose:hover, .popUpTitleContactUs .popUpClose:hover, .popUpTitleTermsConditions .popUpClose:hover, .popUpTitleClaimConfirm .popUpClose:hover { background: #D6A5A5; } .popUpTitle .popUpClose, .popUpReportTitle .popUpClose, .popUpTitleContactUs .popUpClose, .popUpTitleTermsConditions .popUpClose, .popUpTitleClaimConfirm .popUpClose { background: #BA7D7D; border: 1px solid #902C2C; border-radius: 3px; color: #FFFFFF; font-size: 9px; font-weight: bold; padding: 1px 3px 1px 4px; float: right; margin-right: 13px; margin-top: 11px; cursor: pointer; } #ContactUsFormHolder { padding:20px 20px 0 20px; } /****buttons for pop-up*****/ .popUpButtonsContainer { padding: 10px; } .buttonRight { float:right; width:150px; margin-left:10px; } .buttonLeft { float:left; width:150px; } /****** INPUT TYPES ******/ .InputHolder { display:inline-block; *display:inline; *zoom:1; margin-right:20px; } .InputLabel { color: #333333; display: block; font-family: Arial,Sans Serif; font-size: 14px; margin: 10px 0 7px; padding: 0 0 0 2px; position: relative; } /********************************************* ****************** TEXT FIELD ******************/ /*
Label For Input
*/ .InputText { -webkit-box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.1); border-radius:5px; border: 1px solid #999999; background:#ffffff; margin-bottom:10px; color:#4d4d4d; line-height:26px; height:26px; padding-left:10px; /*padding-left:45px; for any icons/images*/ font-family: Arial,Sans Serif; font-size: 14px; } .InputText:focus, .InputMessage:focus { border:1px solid #3F69D3; } .InputMessage { border: 1px solid #999999; border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1) inset; color: #4D4D4D; font-family: Arial,sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; padding: 7px; resize: none; width: 451px; } /********************************************* ****************** DROP-DOWN MENU ******************/ /*
Label For Input
*/ .InputSelect { background-image: none; border-radius: 5px 5px 5px 5px; padding: 5px 5px 5px 12px; display:inline-block; *display:inline; zoom:1; border:1px solid #999; -webkit-box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.1); color:#4d4d4d; font-family: Arial,Sans Serif; font-size: 14px; } .InputSelect option { padding:0 10px; margin:3px 0; } .InputSelect:focus { border:1px solid #3F69D3; } /********************************************* ****************** CHECKBOX ******************/ /*
Check please *** NOTE *** The InputCheckBox div MUST have an ID that matches the class of the input element or it will not work *** */ .InputCheckBox { background:#fff; border: 1px solid #999999; border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1) inset; cursor: pointer; display: inline-block; *display:inline; *zoom:1; height: 17px; margin: 0 5px 6px 0; vertical-align: middle; width: 17px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .InputCheckBoxChecked { background-image:url("/Images/ProfileImages/checkboxCheckedSM.png"); background-repeat:no-repeat; background-position:4px 4px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .InputCheckBoxLabel { color: #333333; display: inline; /*font-family: Arial,Sans Serif;*/ /*font-size: 16px;*/ margin: 20px 0; padding: 0 0 0 5px; position: relative; } .hiddenCheckbox { position:absolute; left:-9999px; } /* Text */ .actionButton { background-color: #29ABE2; /*background-image: url("/Images/NavTabs/nav-bar-shading.png");*/ background-position: center bottom; background-repeat: repeat-x; border: 1px solid #4D4D4D; border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: inline-block; *display:inline; *zoom:1; font-size: 14px; /*font-weight: bold;*/ padding: 8px 20px; text-align:center; cursor:pointer; } .actionButton:hover { background-position: center top; } /*.actionButton a { color: #FFFFFF; }*/ .actionButton a:hover { text-decoration:none !important; } .ContentWrapper { background:none; padding:30px; position:relative; /*padding-top:0px;*/ } /****** PAGE TITLES ******/ /*

Page Title

*/ .pageTitle { font-family: Arial,Sans Serif; font-size: 22px; font-weight: bold; margin-top: -5px; color:#474747; text-shadow:-1px -1px 1px rgba(255,255,255,0.02), /* top-left */ 1px 1px 1px rgba(255,255,255,0.02), /* bottom-right */ 1px 1px 1px rgba(0,0,0,0.07); /* shadow */ } .requiredNotification { display: none; } .requiredEmailNotification { display: none; } .highlight { border: 1px solid #f41e0f !important; } /****** INTERNAL MESSAGING ******/ /* POP UP SECTION */ #InternalMessagingPopUp_Wrapper { position:absolute; top:0; left:0; width:100%; z-index:1000; } .InternalMessagingPanel { /*background:#FAFAFA; padding:15px; margin-top:100px; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.3);*/ /* width: 600px; */ margin:50px auto 0; display:none; position:relative; } .InternalMessagingPanel.BigPanel { width:960px; } /* PAGE SECTION */ .InternalMessaging { /*padding-top:10px;*/ padding:10px; } .InternalMessagingControlWrapper.InternalMessaging { padding:0px; } .InternalMessagingSENT { display:block; float:right; margin-top:25px; } /*.InternalMessagingMain .InternalMessagingMainOPEN { display:block; }*/ .InternalMessageSubject { font-weight:bold; border-bottom:1px solid #AFAFAF; } .InternalMessaging table { width:100%; } .InternalMessaging table tr { border-top: 1px solid #ededed; } .InternalMessaging table tr:hover, .InternalMessaging_ConversationSection.InternalConversationOpenLink:hover { cursor:pointer; } .InternalMessaging table tr td { padding:5px 10px; } .InternalMessaging_MessageSection { margin:20px 0px; } .InternalMessaging_MessageSection .InternalMessaging_MessageFrom { margin:5px 0; } .InternalMessaging_MessageSection .InternalMessaging_MessageSubject { border-bottom:1px solid #ddd; margin-bottom:10px; } .InternalMessaging_MessageSection .InternalMessaging_MessageContent { } .half { float:left; width:49%; margin-right:2%; } .last { margin:0; } .InternalMessaging_ConversationSection { padding:5px 10px 5px 5px; border-top:1px solid #efefef; } .UserPicture { background: none repeat scroll 0 0 #333333; float: left; height: 50px; width: 50px; margin-right:-50px; } .UserPicture img{ width: 100%; } /*.MessageSentByUserIcon { margin:0 4px 0 -13px; }*/ .InternalMessaging_MessageContent { float:left; margin-left:70px; word-break: break-all; } .InternalMessaging_MessageContent div { margin-bottom:2px; } .InternalMessaging_MessageContent .InternalMessaging_MessageFrom { font-weight:bold; font-size:12px; } .InternalMessaging_MessageContent .InternalMessaging_MessageText { font-size:12px; } .InternalMessaging_MessageContent .InternalMessaging_MessageTime { font-style:italic; font-size:10px; } .InternalMessaging_ReplyTextArea { margin-left:75px; max-width:505px; } /****** INTERNAL MESSAGING CONTROL ******/ .InternalMessagingControlWrapper { float:right; line-height:1; position:relative; /*height:30px;*/ /*margin-left:10px;*/ } .InternalessagingControl_ButtonsWrapper { position:relative; z-index:4; } .internalMessageSentByYouNotification { display:inline-block; *display:inline; *zoom:1; } .InternalessagingControl_ButtonsWrapper .tooltip, #UserBarAccount .tooltip { top:-29px !important; white-space: nowrap; } .InternalessagingControl_ButtonsWrapper .tooltip-arrow, #UserBarAccount .tooltip-arrow { bottom:-12px !important; } .open .InternalessagingControl_ButtonsWrapper { /*background:#fff;*/ border-top-left-radius:5px; border-top-right-radius:5px; /*border:1px solid #333;*/ border-bottom:none; } .InternalMessagingControl_MessagesTab, .InternalMessagingControl_NotificationsTab { float:left; cursor:pointer; font-size:17px; text-align:center; /*background-image:url(/Images/Sprites/InternalMessagingIcons.png);*/ position:relative; padding:3px 5px; } /*.InternalMessagingControl_MessagesTab { background-position:0 top; } .InternalMessagingControl_NotificationsTab { background-position:30px top; }*/ /*.InternalMessagingControl_MessagesTab:hover, .InternalMessagingControl_MessagesTab.open { background-position:0 30px; } .InternalMessagingControl_NotificationsTab:hover, .InternalMessagingControl_NotificationsTab.open { background-position:30px 30px; }*/ .open .InternalMessagingControl_DropDownContent { display:block; } .InternalMessagingControl_DropDownContent_Messages, .InternalMessagingControl_DropDownContent_Notifications { display:none; } /*#InternalMessagingControl_CloseBtn,*/ #InternalMessagingControl_SeeAllBtn { line-height:21px; margin-left:15px; } .InternalMessagingControl_DropDownContent a, .InternalMessagingControl_DropDownContent a:visited, .InternalMessagingControl_DropDownContent a:active { padding:2px 5px; text-decoration:none; display:block; } .InternalMessagingControl_DropDownContent a:hover { text-decoration:underline; } /*.internalMessagingSent { width:20px; text-align:left; } .internalMessagingMessage { }*/ .internalMessagingDate { width:110px; text-align:right; font-size:12px; } #NotificationsPagination { float:right; display:none; } #NotificationsPrevPage, #NotificationsNextPage { cursor:pointer; } .InternalMessaging_UnRead_Message { color:red; } .InternalMessaging_Read_Message { } .InternalMessaging_Sent_Message { } .InternalMessaging_UnRead_Notification { color:red; } .InternalMessagingShowAllMessagesInThread { display:block; width:100%; text-align:center; } .InternalMessagingControl_NewMessageCount, .InternalMessagingControl_NewNotificationCount { background: #FF0000; border-radius: 50%; color: #FFFFFF; display: block; font-size: 9px; height: 14px; line-height: 10px; min-width: 14px; padding: 2px; position: absolute; right: 0; text-align: center; top: 4px; font-weight: bold; font-family:Verdana, Arial, sans-serif; z-index: 20; } /*.InternalMessagingControl_NewMessageCount, .InternalMessagingControl_NewNotificationCount { background: #FF0000; border-radius: 50%; color: #FFFFFF; display: block; font-size: 10px; height: 10px; line-height: 8px; min-width: 10px; padding: 2px; position: absolute; right: 0px; text-align: center; top: 0px; }*/ /* TOOLTIPs */ .tooltipContainer { position:relative; } .tooltip { display:none; position:absolute; top:-23px; left:0; height:20px; line-height:20px; font-size:12px; font-weight:normal; padding:0 5px; border-radius:3px; background:#000; color:#fff; z-index:15; } .tooltipContainer:hover .tooltip { display:block; } .tooltipArrow { position:absolute; display:block; top:100%; left:10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; } /* VIDEO LINKS */ #video_tutorial_Btn { float: right; width: 310px; position: absolute; z-index: 2; } .commuteTrackerPageVideoTutorialButton { margin: 10px 0 0 621px; } .singleTripMatchingPageVideoTutorialButton { margin: 0 0 0 621px; } .incentivesEnterContestPageVideoTutorialButton { margin: -25px 0 0 621px; } .video_icon_holder { float: right; margin: 20px 0 0 20px; background: url(/Images/tutorial-button-images/video_btn_background.jpg) repeat-x; height: 30px; width: 80px; border-radius: 5px 0 0 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; } .video_icon { background: url(/Images/tutorial-button-images/video-icon2.png) bottom no-repeat; height: 30px; margin: -2px 0; } .video_arrow_holder { float: right; margin: 20px 0 0 0; background: url(/Images/tutorial-button-images/video_btn_background.jpg) repeat-x; height: 30px; width: 29px; border-radius: 0 5px 5px 0; border-left: 1px solid #FFF; border-right: 1px solid #000; border-bottom: 1px solid #000; } .video_arrow_holder.expanded { border-radius: 0 5px 0 0; } .video_arrow_holder:hover { background:url(/Images/tutorial-button-images/video_btn_background2.jpg) repeat-x; } .video_arrow_btn { background: url(/Images/tutorial-button-images/video_arrow_btn2.png) center no-repeat; height: 30px; cursor:pointer; } .video_arrow_btn.open { background: url(/Images/tutorial-button-images/video_arrow_btn.png) center no-repeat; } .video_link_list { z-index: 100; position: relative; display: none; float: right; } .video_link_tabs { background: #545454; width: 230px; height: 30px; float: right; border-bottom: 1px solid #000; border-top: 1px solid #B0B0B0; border-right: 1px solid #000; } .top_tab { border-radius: 5px 0 0 0; } .bottom_tab { border-radius: 0 0 5px 5px; } .video_link_text { font-size: 12px; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height: 30px; color: #FFF; font-weight: bold; } .video_link_tabs:hover, .video_link_text:hover { background: #727272; text-decoration: underline; cursor: pointer; border-radius:5px; } .video_link_text:link, .video_link_tabs:link { text-decoration: none; } .info_message_label_video_container { display: none; } .info_message_label_video_btn { float: left; margin: 22px 0 0; height: 25px; padding: 0 10px; line-height: 1px; font-family: Arial, Helvetica, sans-serif; background: #545454; font-size: 12px; color: #FFF; } .info_message_label_video_btn p { line-height: 25px; } .info_message_label_video_arrow { background:url(/Images/tutorial-button-images/message_box_arrow.png) no-repeat; float: left; width: 15px; height: 15px; margin: 27px 0 0; } .profileMap, .travelPlannerMap { position: absolute; left: -9999px; } .profileMapHolder, .travelPlannerMapHolder { /*width: 360px; height: 230px; float: left; margin-left: 10px; margin-top:5px;*/ position: relative; } .UntranslatedServer { color:red !important; display:inline !important; } .dnt { display:inline !important; } /* Start of styling for large dashboard buttons */ .dasboardModuleButton { border:1px solid #A1A1A1; border-radius:5px; background:#fefefe; cursor:pointer; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); position:relative; width:209px; } .dasboardModuleButtonActive { background:#ffffff; } .dasboardModuleButton:hover, .dashboardModuleHiddenModulesHolder:hover { background:#ffffff; -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.25); } .dashboardModuleButtonTitle { font-family: Arial,Sans-Serif; font-size: 13px; font-weight: bold; margin: 3px; color:#666666; padding:0px 0px 0px 8px; background:#f5f5f5; border-bottom:1px solid #eeeeee; border-radius:3px; text-align: left; /*float:left;*/ } .dasboardModuleButtonPlaceHolder { width:2px; border-left:2px solid black; } #sortableDashboardModuleButtons { list-style-type: none; margin: 0; padding: 0; width:940px; } #sortableDashboardModuleButtons li { margin: 7px; float: left; height: 72px; font-size: 16px; /*text-align: center;*/ /*min-width:200px;*/ } /*.buttonWidth209 li { width: 209px; } .buttonWidth284 li { width: 284px; } .buttonWidth434 li { width: 434px; }*/ .dasboardModuleButtonIcon { height:45px; width:45px; margin:auto; float:left; background-image:url(/Images/ProfileImages/dashboardModuleIconSet50x45COLOR.png); background-repeat:no-repeat; border-radius:5px 0 0 5px; } /*.dasboardModuleButtonActive .dasboardModuleButtonIcon { background-position: 50px; }*/ /*.dasboardModuleButton:hover .dasboardModuleButtonIcon { background-position: 45px; }*/ .commuteProfilesIcon { background-position: 0 0; } /*.dasboardModuleButton:hover .commuteProfilesIcon { background-position: 0 -50px; }*/ /*.dasboardModuleButtonActive .commuteProfilesIcon { background-position: 0 -50px !important; }*/ .tavelPlannerIcon { background-position: -45px 0; } /*.dasboardModuleButton:hover .tavelPlannerIcon { background-position: -45px -50px; }*/ /*.dasboardModuleButtonActive .tavelPlannerIcon { background-position: -45px -50px !important; }*/ .commuteSummaryIcon { background-position: -90px 0; } /*.dasboardModuleButton:hover .commuteSummaryIcon { background-position: -90px -50px; }*/ /*.dasboardModuleButtonActive .commuteSummaryIcon { background-position: -90px -50px !important; }*/ .singleTripsIcon { background-position: -135px 0; } /*.dasboardModuleButton:hover .singleTripsIcon { background-position: -135px -50px; }*/ /*.dasboardModuleButtonActive .singleTripsIcon { background-position: -135px -50px !important; }*/ .challengesIcon { background-position: -180px 0; } /*.dasboardModuleButton:hover .challengesIcon { background-position: -180px -50px; }*/ /*.dasboardModuleButtonActive .challengesIcon { background-position: -180px -50px !important; }*/ .contestsIcon { background-position: -225px 0; } /*.dasboardModuleButton:hover .contestsIcon { background-position: -225px -50px; }*/ /*.dasboardModuleButtonActive .contestsIcon { background-position: -225px -50px !important; }*/ .rewardsIcon { background-position: -270px 0; } /*.dasboardModuleButton:hover .rewardsIcon { background-position: -270px -50px; }*/ /*.dasboardModuleButtonActive .rewardsIcon { background-position: -270px -50px !important; }*/ .milestoneRewardsIcon { background-position: -315px 0; } /*.dasboardModuleButton:hover .milestoneRewardsIcon { background-position: -315px -50px; }*/ /*.dasboardModuleButtonActive .milestoneRewardsIcon { background-position: -315px -50px !important; }*/ .infoIcon { background-position: -360px 0; } /*.dasboardModuleButton:hover .infoIcon { background-position: -360px -50px; }*/ /*.dasboardModuleButtonActive .infoIcon { background-position: -360px -50px !important; }*/ .personalDetailsIcon { background-position: -405px 0; } /*.dasboardModuleButton:hover .personalDetailsIcon { background-position: -405px -50px; }*/ /*.dasboardModuleButtonActive .personalDetailsIcon { background-position: -405px -50px !important; }*/ .incentivePointsIcon { background-position: -450px 0; } .dasboardModuleButtonActive .dashboardModuleButtonTitle, .dasboardModuleButton:hover .dashboardModuleButtonTitle { color:#ffffff; } .dasboardModuleButtonActive#dashboardTravelPlannerButton .dashboardModuleButtonTitle, .dasboardModuleButton:hover#dashboardTravelPlannerButton .dashboardModuleButtonTitle { background:#346CB5; } .dasboardModuleButtonActive#dashboardPersonalDetailsButton .dashboardModuleButtonTitle, .dasboardModuleButton:hover#dashboardPersonalDetailsButton .dashboardModuleButtonTitle { background:#4E9A06; } .dasboardModuleButtonActive#dashboardCommuteProfilesButton .dashboardModuleButtonTitle, .dasboardModuleButton:hover#dashboardCommuteProfilesButton .dashboardModuleButtonTitle { background:#4E6AC4; } .dasboardModuleButtonActive#dashboardRewardsButton .dashboardModuleButtonTitle, .dasboardModuleButton:hover#dashboardRewardsButton .dashboardModuleButtonTitle { background:#BB9807; } .dasboardModuleButtonActive#dashboardIncentivePointsButton .dashboardModuleButtonTitle, .dasboardModuleButton:hover#dashboardIncentivePointsButton .dashboardModuleButtonTitle { background:#E40000; } .dasboardModuleButtonActive#dashboardMilestoneRewardsButton .dashboardModuleButtonTitle, .dasboardModuleButton:hover#dashboardMilestoneRewardsButton .dashboardModuleButtonTitle { background:#68BE14; } .dasboardModuleButtonActive#dashboardContestsButton .dashboardModuleButtonTitle, .dasboardModuleButton:hover#dashboardContestsButton .dashboardModuleButtonTitle { background:#EA2D6E; } .dasboardModuleButtonActive#dashboardSingleTripsButton .dashboardModuleButtonTitle, .dasboardModuleButton:hover#dashboardSingleTripsButton .dashboardModuleButtonTitle { background:#EC304F; } .dasboardModuleButtonActive#dashboardInfoButton .dashboardModuleButtonTitle, .dasboardModuleButton:hover#dashboardInfoButton .dashboardModuleButtonTitle { background:#75507b; } .dasboardModuleButtonActive#dashboardCommuteSummaryButton .dashboardModuleButtonTitle, .dasboardModuleButton:hover#dashboardCommuteSummaryButton .dashboardModuleButtonTitle { background:#C54FB0; } .dasboardModuleButtonActive#dashboardChallengesButton .dashboardModuleButtonTitle, .dasboardModuleButton:hover#dashboardChallengesButton .dashboardModuleButtonTitle { background:#CD5A00; } .dasboardModuleButtonInfo { font-size: 11px; margin: 7px 15px 0 15px; color:#8C8C8C; } .dashboardModuleButtonInfoLine { line-height:16px; float:left; margin-left:7px; width:140px; overflow:hidden; text-overflow:ellipsis; } .dashboardModuleButtonInfoLine.lineOne { color: #BB9807; font-size: 13px; font-weight: bold; } #dashboardTravelPlannerButton .dashboardModuleButtonInfoLine.lineOne { color:#346CB5; } #dashboardPersonalDetailsButton .dashboardModuleButtonInfoLine.lineOne { color:#4E9A06; } #dashboardCommuteProfilesButton .dashboardModuleButtonInfoLine.lineOne { color:#4E6AC4; } #dashboardRewardsButton .dashboardModuleButtonInfoLine.lineOne { color:#BB9807; } #dashboardIncentivePointsButton .dashboardModuleButtonInfoLine.lineOne { color:#e40000; } #dashboardMilestoneRewardsButton .dashboardModuleButtonInfoLine.lineOne { color:#68BE14; } #dashboardContestsButton .dashboardModuleButtonInfoLine.lineOne { color:#EA2D6E; } #dashboardSingleTripsButton .dashboardModuleButtonInfoLine.lineOne { color:#EC304F; } #dashboardInfoButton .dashboardModuleButtonInfoLine.lineOne { color:#75507b; } #dashboardCommuteSummaryButton .dashboardModuleButtonInfoLine.lineOne { color:#C54FB0; } #dashboardChallengesButton .dashboardModuleButtonInfoLine.lineOne { color:#CD5A00; } .saveModuleOrderResponse { position: absolute; right: 0; top: -66px; width:890px; text-align:center; } .saveModuleOrderResponseText { display:none; width:400px; margin:0 auto; height:8px; line-height:8px; border-radius:2px; } /*.dashboardModuleHideModuleButtonHolder { position:absolute; top:0; left:0; height:27px; z-index:50; width:100%; border-radius:5px 5px 0 0; display:none; background:#393939; color:#fff; font-size:12px; line-height:27px; }*/ .dashboardModuleHideModuleButton, .dashboardModuleMoveModuleButton { width:20px; height:20px; /*z-index:51;*/ position:absolute; top:1px; right:2px; background-image:url(/Images/ProfileImages/hidemoveModuleButtonSet.png); background-repeat:no-repeat; } .dashboardModuleHideModuleButton, .dashboardModuleMoveModuleButton { right:2px; background-position: -20px 0px; } .dashboardModuleMoveModuleButton { right:20px; background-position: 0 0; cursor:move; } .dasboardModuleButton:hover .dashboardModuleHideModuleButton, .dasboardModuleButtonActive .dashboardModuleHideModuleButton { background-position: -20px -20px; } .dasboardModuleButton:hover .dashboardModuleMoveModuleButton, .dasboardModuleButtonActive .dashboardModuleMoveModuleButton { background-position: 0 -20px; } .dashboardModuleHiddenModulesHolder { float:right; border:1px solid #999999; border-radius:5px; background:#F2F2F2; cursor:pointer; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); position:relative; padding:5px; text-align:center; width:15px; height:15px; font-weight:bold; font-size:14px; display:none; margin-top:-42px; } .dashboardModuleHiddenModulesList { border:1px solid #999999; border-radius:5px; background:#C5C5C5; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); display:none; position:absolute; top:-2px; z-index:55; right:40px; width:auto; font-weight:normal; font-size:12px; } .dasbhoardModuleHiddenButton { border:1px solid #838383; border-radius:5px; background:#F2F2F2; cursor:pointer; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2); padding:5px; margin:10px; min-width:165px; background-image:url(/Images/ProfileImages/unhideModuleButtonSmall.png); background-repeat:no-repeat; background-position:left 4px center; } .dasbhoardModuleHiddenButton:hover { border:1px solid #7B7B7B; background:#ffffff; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3); background-image:url(/Images/ProfileImages/unhideModuleButtonSmall.png); background-repeat:no-repeat; background-position:left 4px center; } .dashboardModuleHiddenIcon { background-image:url(/Images/ProfileImages/unhideModuleButton.png); background-repeat:no-repeat; background-position:center; width:15px; height:15px; float:left; } .dashboardModuleHiddenMessage { float:left; font-size:11px; font-weight:normal; margin-left:5px; } .informationHolder { padding: 20px; } .challengeinformationHolder { padding: 5px 20px 0 20px; width: 660px; text-align: justify; } .getStartedButtonHolder { text-align:center; /*margin:5px 0px;*/ } .getStartedButtonHolder2 { width:960px; } .getStartedText { /*background: linear-gradient(to bottom, #FCFCFC 0%, #EFEFEF 100%) repeat scroll 0 0 transparent; border: 1px solid #999999; border-radius: 7px 7px 7px 7px; padding: 7px 10px 8px 10px;*/ color: #444444; display: inline-block; *display:inline; *zoom:1; font-size: 14px; line-height:14px; padding:10px; } .OrangeButton { display:inline-block; *display:inline; *zoom:1; margin-right:20px; } .OrangeButton a, .OrangeButton a:active, .OrangeButton a:visited { background-color: #E26A00; background-image: url("/Images/ProfileImages/ItemBlockButtonBkg.png"); background-repeat: repeat-x; border: 1px solid #E26A00; border-radius: 7px 7px 7px 7px; color: #FFFFFF; display:inline-block; *display:inline; *zoom:1; font-family: Arial,Sans-Serif; font-size: 13px; font-weight: bold; height: 32px; line-height: 32px; padding: 0 15px; min-width: 140px; margin-bottom:5px; text-align:center; } .OrangeButton a:hover { background-color: #e98503; color: #fff; text-decoration:none; } .dashboardSubsectionTitle { font-size:14px; color: #7F7F7F; padding:3px 0 7px 10px; border-bottom:1px solid #B7B7B7; -webkit-box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2); margin-bottom:20px; } .dashboardSubsectionTitleArrow { background:#F2F2F2; border: 1px solid #999999; border-radius: 15px; margin: 0 7px 0 0; padding: 2px 5px 2px 7px; } .dashboardPersonalDetailsLeftSection { float:left; } .dashboardPersonalDetailsRightSection { float:left; padding-top:33px; width:350px; } .dashboardPersonalDetailsLink { font-size: 12px; line-height: 22px; } /*.dashboardBackToTopButtonHolder { text-align:center; }*/ /*.dashboardBackToTopButton { border: 1px solid #999999; border-radius: 5px; padding: 3px 7px; background:#F2F2F2; display:inline-block; *display:inline; *zoom:1; margin-top:10px; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); cursor:pointer; display:none; }*/ /*.dashboardBackToTopButton:hover { background:#fff; }*/ .newInfoModuleLabel .NewInfo { background:#DF4D3A; border-radius: 2px; color: #FFFFFF !important; margin: 3px; padding: 3px; text-align: center; width: 130px; } .dashboardQuickActionButton { display:inline-block; *display:inline; *zoom:1; margin-bottom:10px; line-height:23px; color:#4E6AC4; } .dashboardQuickActionButton a { display:inline-block; *display:inline; *zoom:1; line-height:24px; margin-right:15px; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E8E8E8), color-stop(1, #D6D6D6) ); background:-moz-linear-gradient( center top, #E8E8E8 5%, #D6D6D6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#D6D6D6'); background-color:#ededed; -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-bottom-left-radius:3px; text-indent:0; border:1px solid #B2B2B2; text-shadow:1px 1px 0px #eeeeee; padding:3px 7px; color:#555555; font-size:14px; font-weight:bold; } .dashboardQuickActionButton a:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color: #dfdfdf; color:#19358C !important; text-decoration:none; } .dashboardQuickActionButtonIcon { background-image: url("/Images/ProfileImages/quickLinksIconSet.png"); background-repeat: no-repeat; display:inline-block; *display:inline; *zoom:1; width:25px; height:25px; float:left; margin-right:7px; } .dashboardQuickActionFindLogButtonIcon { background-position:0 0; } .dashboardQuickActionFindCarButtonIcon { background-position:-25px 0; } .dashboardQuickActionFindVanButtonIcon { background-position:-50px 0; } .dashboardQuickActionFindSingleButtonIcon { background-position:-75px 0; } .dashboardQuickActionButton a:hover .dashboardQuickActionFindLogButtonIcon { background-position:0 -25px; } .dashboardQuickActionButton a:hover .dashboardQuickActionFindCarButtonIcon{ background-position:-25px -25px; } .dashboardQuickActionButton a:hover .dashboardQuickActionFindVanButtonIcon { background-position:-50px -25px; } .dashboardQuickActionButton a:hover .dashboardQuickActionFindSingleButtonIcon { background-position:-75px -25px; } .dashboardQuickActionButton a:visited { color:#555555; } .useOriginAsMailingAddressCheckboxHolder .InputLabel, .mailingInfoHolder .InputLabel { /*font-size:1.4em;*/ color:#666666; margin:5px 0 3px 0; } .mailingInfoHolder { margin-left:20px; } .mailingInfoHolder input { /*font-size:1.4em;*/ color:#666666; height:25px; border-color:#A9A9A9; border-radius:3px; } .mailingInfoHolder .InputHolder { position:relative; } .mailingInfoHolder .edit_label { clear:both; margin-top:-7px; position:absolute; left:0px; bottom:-3px; } .useOriginAsMailingAddressCheckboxHolder { margin: 30px 0 20px 5px; } .retrieveAccountInfoHolder{ display:none; margin: 50px auto; width: 700px; font-family: Arial,sans-serif; font-size: 18px; text-align: center; letter-spacing:2px } .retrieveAccountLoadingBarHolder{ margin-top:20px; } .editLineButton, .deleteLineButton, .doneEditLineButton, .cancelEditLineButton { display: inline-block; *display:inline; *zoom:1; float: right; height: 13px; width: 13px; margin:0 0 0 10px; cursor:pointer; } .editLineButton { background-image:url(/Images/AdminImages/editStopButton.png); background-repeat:no-repeat; background-position:center; display:inline-block; } .deleteLineButton { background-image:url(/Images/AdminImages/deleteStopButton.png); background-repeat:no-repeat; background-position:center; } .doneEditLineButton { background-image:url(/Images/AdminImages/doneEditStopButton.png); background-repeat:no-repeat; background-position:center; /*display:none;*/ } .cancelEditLineButton { background-image:url(/Images/AdminImages/cancelEditStopButton.png); background-repeat:no-repeat; background-position:center; display:inline-block; /*display:none;*/ } sup { vertical-align:super; line-height:0; } .tripsToggleTabs h3 { margin-top:0 !important; padding-top:20px !important; line-height:20px !important; } .editSiteMapQuestionsDiv { width:960px; margin:auto; } .editSiteMapQuestionsDiv .textbox-field { height:27px !important; } .performance-stats-footer-table-toggle { float: right; margin-right: 5px; color: #aaaaaa; cursor: pointer; } .performance-stats-footer { padding-bottom:30px; } .performance-stats-footer-holder { display:none; } /*.field_input { background: none !important; border-radius: 0 !important; border: none !important; border-bottom:1px solid #9e9e9e !important; margin-bottom:1px; font-size:14px; font-family:'Roboto', Arial, sans-serif !important; } .field_input:focus { outline: none; } .ProfileDetailsField { border-radius: 5px 5px 5px 5px; height: 30px; padding: 0 0 0 10px; border: 1px solid; width: 275px; margin-left: 10px; }*/ .ProfileConditionStatements { padding-bottom:30px; margin-top:0; } .custom-file-upload { border: 1px solid #ccc; display: inline-block; padding: 6px 12px; cursor: pointer; } .erhreceiptsection_claimcost { justify-content: center; align-items: center; align-content: center; font-size: 14px; max-width: 100%; display: inline-flex; max-height: 100%; flex: 1 1 auto; padding-left: 8px; font-weight: bold; color: #29ABE2; } @charset "utf-8"; /* CSS Document */ /*********************************************************** custom site label */ /*.CustomSubSiteLabelDiv{ min-height:30px; border:none; }*/ /*.CustomSubSiteLabelDiv .CustomSubSiteLabel{ font-size: 17px !important; font-style: italic; font-weight: bold; line-height: 30px; padding-left: 20px; background:none !important; }*/ .siteWelcomeLabel{ margin-left: 85px; line-height: 32px; } .siteWelcomeLabelClean{ line-height: 30px; float:right; } a, a:active, a:visited{ text-decoration:none; } a:hover{ text-decoration:underline; } .nav-bar-container *{ padding:0px; margin:0px; } .nav-bar-container{ /*width:960px;*/ margin: 0px auto 0px auto; /*overflow:show;*/ /*height:400px; margin-bottom:-338px;*/ } .nav-bar-container.nav-bar-container-one-line { /*margin-bottom:-368px;*/ } .nav-bar{ /* Default Color and Image for NavTabs */ border:none; } /* link */ .nav-bar-drop-down ul{ } .nav-bar ul{ list-style:none; margin-bottom:0 !important; } .nav-bar ul li{ display:block; float:left; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:14px; } /*********************************************************** nav-bar-main-links */ .nav-bar ul.nav-bar-main-links{ /*height:32px;*/ width:960px; z-index: 2; } .nav-bar-main-links li{ z-index:2; padding-bottom:0px; } .nav-bar-main-links li.nav-bar-no-drop-link{ padding-bottom:0px; } .nav-bar-main-links li:hover{ z-index: 12; } .nav-bar-main-links li.nav-bar-no-drop-link:hover{ z-index:2; } .nav-bar-main-links li a{ display:block; margin: 0 8px; line-height:30px; } .nav-bar-main-links li.nav-bar-no-drop-link a{ display:block; margin: 0 8px; line-height:30px; } .nav-bar-main-links li a li:hover a, .nav-bar-no-drop-link:hover a { cursor:pointer; } .nav-bar-main-links li a:hover{ text-decoration:none; cursor:default; } .nav-bar-drop-down li a:hover{ text-decoration:underline; cursor:pointer; } .nav-bar-main-links li.nav-bar-space-filler{ height:27px; width:900px; background:url('/Images/NavTabs/top_list_bg.png') repeat-x; position:static; /*required for ie*/ } /*********************************************************** tab style */ /*********************************************************** nav-bar-secondary-links */ .nav-bar ul.nav-bar-secondary-links{ height:30px; line-height:30px; background:url('/Images/NavTabs/bottom_list_bg_2.png') repeat-x; } .nav-bar-secondary-links li{ margin:0px 5px; } .nav-bar-secondary-links li a, .nav-bar-secondary-links li a:visited { font-size: 13.5px; /*margin: 0 10px;*/ padding: 4px 10px 4px 10px; border-radius: 5px; } .nav-bar-secondary-links li a:hover, .nav-bar-secondary-links li a:active { text-decoration: none; padding: 4px 10px 4px 10px; background:url('/Images/NavTabs/navBarSecondarLinksBkgHover.png') repeat-x; } /*********************************************************** nav-bar-drop-down Down Menus */ /*.nav-bar .nav-bar-current-page .nav-bar-drop-down{ display:none !important; }*/ /*.nav-bar-main-links .nav-bar-current-page{ background-color:transparent !important; }*/ .nav-bar .nav-bar-drop-down{ position:absolute; /*display:none;*/ white-space:nowrap; /*padding:4px 0px;*/ top:24px; left:0px; z-index:3; min-width:110%; top:-9999px } .nav-bar .nav-bar-drop-down.open { } .nav-bar ul li:hover .nav-bar-drop-down, .nav-bar ul li:focus .nav-bar-drop-down{ display:block; top:30px; left:0px; z-index: 3; } a.main-nav-link:focus + .nav-bar-drop-down, .nav-bar .nav-bar-drop-down.is-open { top:30px; } /*.nav-bar ul li.last:hover .nav-bar-drop-down{ display:block; top:22px; left:-40px; z-index:3; }*/ /*.nav-bar ul li.first:hover .nav-bar-drop-down{ display:block; top:22px; left:0px; z-index:3; }*/ .nav-bar .nav-bar-drop-down ul{ position:relative; /*-moz-border-radius:0 7px 7px 7px; -webkit-border-radius:0 7px 7px 7px; -o-border-radius:0 7px 7px 7px;*/ /*border-radius:0 7px 7px 7px; -webkit-box-shadow: 0px 5px 5px 0px rgba(100,100,100,.3); -moz-box-shadow: 0px 5px 5px 0px rgba(100,100,100,.3); box-shadow: 0px 5px 5px 0px rgba(100,100,100,.3);*/ /*border:1px solid;*/ } .nav-bar .nav-bar-drop-down ul li a, .nav-bar .nav-bar-drop-down ul li a:visited, .nav-bar .nav-bar-drop-down ul li a:active{ z-index:3; display:block; min-width:175px; margin:0px; padding:4px 10px 4px 10px; z-index:3; } .nav-bar .nav-bar-drop-down li{ display:block; float:none; padding:0px; margin:0px; background-position:0px -25px; z-index: 3; } /****************************** DISABLED LINKS *******************/ .nav-bar .nav-bar-drop-down li.disabled a:hover{ cursor:default; text-decoration:none; background-image:none; } .nav-bar .nav-bar-drop-down ul li.disabled a:hover{ } .nav-bar .nav-bar-drop-down li.disabled_ConfirmationPopUp a:hover{ cursor:default; text-decoration:none; } .nav-bar .nav-bar-drop-down ul li.disabled_ConfirmationPopUp a:hover{ } .nav-bar .nav-bar-drop-down li.disabledWithoutAlert a:hover{ cursor:default; text-decoration:none; } .nav-bar .nav-bar-drop-down ul li.disabledWithoutAlert a:hover{ } /**************************************************** buttons and headers *********/ #login{ position:relative; border:1px solid #03F; padding-bottom:20px; float:right; margin:100px; width:350px; } .header_cell { height:26px; background:url(/Images/NavTabs/header-bg.png) 0px -2px repeat-x; line-height:28px; font-size:12px; padding: 0px 10px 0px 10px; margin: 0px; } /*User Bar*/ /******************************************************************* new user drop menus ********************************************************************/ .language-selector div{ display:none; white-space:nowrap; padding:0; z-index:3; } /******************** register */ .user-bar-register{ /*position:absolute; left:400px; top:10px;*/ display:inline-block; *display:inline; *zoom:1; padding:7px 18px 9px 18px; font-size:18px; font-weight:bold; background:url(/Images/UserBar/register-btn-bg.png) 0px 0px repeat-x; margin:3px 0; border:1px solid #333; border-radius:10px; box-shadow:0px 0px 20px rgba(0,0,0,.3); } .user-bar-register:hover{ background-position:0px -46px; } .user-bar-register-AdminShift { left:330px; } /*.AdminDivDropdown { float: right; margin-bottom: 10px; padding: 10px 10px; background:none !important; } .AdminDivTable{ width:100%; margin-top: 10px; } .AdminDivTable td{ padding: 5px 10px 5px 20px; text-align:left; vertical-align:top; width:100%; }*/ .question-dropdownAdmin { border-radius:4px; border:1px solid #333; } /*******************************************/ .nav-bar-main-links li.nav-bar-no-drop-link a, .nav-bar-main-links li.nav-bar-no-drop-link:hover a { cursor:pointer; } /*******************************************/ /*.user-bar-drop-container.user-bar-drop-container-icon, .user-bar-no-drop-down-icon { padding:0px !important; margin:0px !important; }*/ .personal-details-menu-dropdown { display:none; }