@import url(/s/resources/css/appstyles.css);

/* General Style
---------------------------------------------*/

.PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
.PageTitleHeader {font-size:24px;line-height:24px;}
.PageSubTitleHeader {font-size:20px; line-height:24px;}
#PageTitle, .PageTitleHeader { display:none;}
.ProfileTitleHeader {display:block; margin:0 0 10px;}
.PageTitleHeader a.layoutControl {display:none;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

.idbmsBreadcrumbSeparator {color:#000!important;}
.expand img {background-color: #57068C!important;}
.expand {background-color: #57068C!important;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------*/
#ContentBreadCrumbs a.navselected {font-weight:bold;background-image: url("common/images/arrowBreadCrumb.gif"); background-position: 90% 18px; background-repeat: no-repeat; padding:0 0 11px;}

#ContentTopNav table {display:none;}
#ContentTopNav table.show {display:table;*display:block;width:100%;}

.iModsFrame {float:left; width:100%; background:#F2FAFB; border:1px solid #DAEBED; padding:0px 0; margin:20px 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; position:relative;}
.iModsLeft {float:left;margin:0 0 0 10px; }
.iModsRight {float:right; position:relative;margin:0;}

#ContentMemberTools {float:left;margin:0px;padding:10px 0; display:none;}

.divLoginStructContainer {}
.divLoginStructContainer .divLoginPanel {}
.interior .divLoginStructContainer .instructions,
.interior .divLoginStructContainer .divLoginInputs,
.interior .divLoginStructContainer .divCaptcha,
.interior .divLoginStructContainer .divLoginButtonRow {display:none;}

.iModsFrame .divLoginFacebook {float:right; margin:5px 10px 0 0;}
.iModsFrame .divLoginFacebook .fbLabel {float:left; margin:4px 4px 0 0;}
.iModsFrame .divLoginFacebook .IModFBConnectWrapper {float:left;}
.iModsFrame .divLoginFacebook .IModFBConnectWrapper img {margin:0;}

.start .divLoginStructContainer .divLoginPanel .divLoginFacebook {float:right; margin:8px 10px 0 0;}
.start .divLoginFacebook .fbLabel {float:left; margin:4px 4px 0 0;}
.start .divLoginFacebook .IModFBConnectWrapper {float:left; margin:0; width:auto;}

.interior #ContentMemberTools2 #divInstructions {display:none;}


#ContentMemberTools2 img[title='Edit Control [5495]'] {display:none;}
.divLogoutPanel {float:right;}
.divLogoutPanel a {float:left;}
.divLogoutPanel .cancelButton {display:none;}
.divLogoutPanel .logoutButton {float:right; background:#D11255; border:none; color:#f7f7f7; text-transform:uppercase;}
.divLogoutPanel .logoutButton .cufon-canvas {font-size:13px!important;}

#contentWrapper .iModsFrame .iModsLeft ul {margin:0; padding:0; list-style:none;}
#contentWrapper .iModsFrame .iModsLeft ul li {border-left:1px solid #dadcde;float:left;padding:0 10px; margin:10px 0; line-height:12px;*margin:0;background:none;}
#contentWrapper .iModsFrame .iModsLeft ul li:first-child {border-left:medium none; padding-left:0;}
#contentWrapper .iModsFrame .iModsLeft ul li a {display:block;padding:0;text-align:center;text-decoration:none;}
#contentWrapper .iModsFrame .iModsLeft ul li a:hover {text-decoration:underline;}

#ContentFBSignin ul.loggedIN {margin:0; padding:7px 10px 0 0; list-style:none;float:right;}
#ContentFBSignin ul.loggedIN li {float:left; margin:0;background:none;}
#ContentFBSignin ul.loggedIN li a.logout {/* background:url(images/button_logout.gif) no-repeat 0 0; border:none; width:66px; height:19px;display:block;position:relative; line-height:normal; text-indent:-999em;*/}
#ContentFBSignin ul.loggedIN li img {margin:0;}

#searchBar {width:215px;}
#searchBar .SearchModuleSpacer {display:none;}
#searchBar input {background:none!important;}
#searchBar img {margin:0 0 0 -2px;}
#searchBar label {display:none;}

#subnav tbody {min-height:49px;}
#subnav table.lastLevel td.selected a {color: #DC1C4F; text-decoration: none;font-weight:bold;}
#ContentTopNav table.show {border-left:2px solid #E9E9E9;}
.start #subnav table.lastLevel td.selected a {color: #000; text-decoration: none;font-weight:normal;}

#TabsPlacement ul li {background:none; margin:0; padding:0;}

.interior #ContentMiddle table.DataGrid {}
.interior #ContentMiddle table.DataGrid th,
.interior #ContentMiddle table.DataGrid td {padding:4px 20px 4px 4px;}
.interior #ContentMiddle table.DataGrid td span.registered {font-size:9px;}

.utilsLinks a {color:#fff!important}
.utilsLinks a:hover {color:#A1DFFF!important;}
.utilsLinks strong a, .utilsLinks strong a:hover {color:#19C1FF !important;}
.login a, .login a:hover {color:#fff!important;}
.login a:hover {color: #F5EFA9!important}

#subnav table.wide td.home {display:none;}

/* BODY ELEMENTS
---------------------------------------------*/
#contentWrapper {text-align:left;}

#ContentMiddle .LoginTopMargin {float:left; width:100%;}

#contentWrapper .tabstrip li {padding:0; margin:0;}
#contentWrapper input.button {padding:3px 10px; margin:0 5px 0 0;}

img[src='/images/spacer.gif'] {margin:0;}
.carousel hr {display:none!important;}

blockquote {background-repeat: repeat-y;}

.iModsMargins {float:left; width:100%; margin:0 15px;}
.iModsMargins p {margin:0 0 12px 0;}

#divSocialButtons ul li {background:none;padding:0 5px 0 0;}
#ContentMiddleLayoutTopSpan {float:left; width:100%;}
#ContentMiddle {margin:0 15px; float:left; width:100%;}
#ContentMiddle p {margin:0 0 12px;}
#ContentMiddle h1,
#ContentMiddle h2,
#ContentMiddle h3,
#ContentMiddle h4 {margin:0 0 12px;}

#divLogin {float:left; width:100%;}
.IModFBConnectWrapper {float:left;}

#contentWrapper #ulEventCenterMenu li {background:none; padding-left:4px; margin:0;}
#contentWrapper #ulEventCenterMenu li img {margin:0;}

td.EventDonationDetail {border:none;}
td table td.EventDonationDetail {border:1px solid #CCCCCC}

#MainPlacement input.button {float:none;}

.wrapper .error {margin:10px 0 -15px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; position:relative;}

/* Directory styling */
.IMOD6 .doubleBox {float:right;}
.IMOD6 .doubleBox tr {display:block!important}
.IMOD6 .doubleBox .EventsHeader {border:none; margin:0 15px; padding:0;}
.IMOD6 .doubleBox .EventsHeader a {display:none;}
.IMOD6 .doubleBox .EventsHeader h3 {width:200px;}
.IMOD6 #ContentMiddle .doubleBox p {margin:0 15px 12px;}
.IMOD6 select {height:auto!important;}

#ContentMiddle .RadGrid_WebBlue {border:1px solid #e0e0e0;}
#ContentMiddle .RadGrid_WebBlue, 
#ContentMiddle .RadGrid_WebBlue .rgMasterTable, 
#ContentMiddle .RadGrid_WebBlue .rgDetailTable, 
#ContentMiddle .RadGrid_WebBlue .rgGroupPanel table, 
#ContentMiddle .RadGrid_WebBlue .rgCommandRow table, 
#ContentMiddle .RadGrid_WebBlue .rgEditForm table, 
#ContentMiddle .RadGrid_WebBlue .rgPager table, 
#ContentMiddle .GridToolTip_WebBlue {font-family:Verdana, Arial, Helvetica, sans-serif;}
#ContentMiddle .RadGrid_WebBlue .rgHeader, 
#ContentMiddle .RadGrid_WebBlue .rgHeader a {color:#000;}
#ContentMiddle .RadGrid_WebBlue .rgHeader, .RadGrid_WebBlue th.rgResizeCol {background:#e0e0e0; border-color:#e0e0e0;}
#ContentMiddle .RadGrid_WebBlue .rgAltRow {background:#e0e0e0;}
#ContentMiddle .RadGrid_WebBlue .rgRow {background:#efefef;}
#ContentMiddle .RadGrid_WebBlue .rgRow td {border-color:#e0e0e0;}
#ContentMiddle .RadGrid_WebBlue .rgRow a, 
#ContentMiddle .RadGrid_WebBlue .rgAltRow a, 
#ContentMiddle .RadGrid_WebBlue .rgEditRow a, 
#ContentMiddle .RadGrid_WebBlue .rgFooter a, 
#ContentMiddle .RadGrid_WebBlue .rgEditForm a {color:#D11255;}
#ContentMiddle .RadGrid_WebBlue .rgPager {background:#ccc; }
#ContentMiddle .RadGrid_WebBlue td.rgPagerCell {border-color:#ccc;}

#ContentMiddle #formContainer input.button {background-color: #D11255;border: 0 none;border-radius: 3px 3px 3px 3px;box-shadow: 0 2px 3px #999999;color: #FFFFFF;float: left;font-family: Verdana;font-size: 11px;font-weight: bold;margin: 10px 0 5px 15px !important;padding: 2px 4px;text-transform: uppercase;}
#ContentMiddle #formContainer table {width:545px; padding:0 14px;}
#ContentMiddle #formContainer input[type='text'] {border:1px solid #DDDDDD;}
#ContentMiddle #formContainer td select[multiple='multiple'] {margin-right:10px;padding:3px;}

/* Class Notes styling */
.IMOD106  .doubleBox {float:right;}
.IMOD106 .doubleBox tr {display:block!important}
.IMOD106 .doubleBox .EventsHeader {border:none; margin:0 15px; padding:0;}
.IMOD106 .doubleBox .EventsHeader a {display:none;}
.IMOD106 .doubleBox .EventsHeader h3 {width:200px;}
.IMOD106 #ContentMiddle .doubleBox p {margin:0 15px 12px;}
.IMOD106 select {height:auto!important;}

#ContentMiddle .RadGrid_WebBlue {border:1px solid #e0e0e0;}
#ContentMiddle .RadGrid_WebBlue, 
#ContentMiddle .RadGrid_WebBlue .rgMasterTable, 
#ContentMiddle .RadGrid_WebBlue .rgDetailTable, 
#ContentMiddle .RadGrid_WebBlue .rgGroupPanel table, 
#ContentMiddle .RadGrid_WebBlue .rgCommandRow table, 
#ContentMiddle .RadGrid_WebBlue .rgEditForm table, 
#ContentMiddle .RadGrid_WebBlue .rgPager table, 
#ContentMiddle .GridToolTip_WebBlue {font-family:Verdana, Arial, Helvetica, sans-serif;}
#ContentMiddle .RadGrid_WebBlue .rgHeader, 
#ContentMiddle .RadGrid_WebBlue .rgHeader a {color:#000;}
#ContentMiddle .RadGrid_WebBlue .rgHeader, .RadGrid_WebBlue th.rgResizeCol {background:#e0e0e0; border-color:#e0e0e0;}
#ContentMiddle .RadGrid_WebBlue .rgAltRow {background:#e0e0e0;}
#ContentMiddle .RadGrid_WebBlue .rgRow {background:#efefef;}
#ContentMiddle .RadGrid_WebBlue .rgRow td {border-color:#e0e0e0;}
#ContentMiddle .RadGrid_WebBlue .rgRow a, 
#ContentMiddle .RadGrid_WebBlue .rgAltRow a, 
#ContentMiddle .RadGrid_WebBlue .rgEditRow a, 
#ContentMiddle .RadGrid_WebBlue .rgFooter a, 
#ContentMiddle .RadGrid_WebBlue .rgEditForm a {color:#D11255;}
#ContentMiddle .RadGrid_WebBlue .rgPager {background:#ccc; }
#ContentMiddle .RadGrid_WebBlue td.rgPagerCell {border-color:#ccc;}
#ContentMiddle #formContainer input.button {background-color: #D11255;border: 0 none;border-radius: 3px 3px 3px 3px;box-shadow: 0 2px 3px #999999;color: #FFFFFF;float: left;font-family: Verdana;font-size: 11px;font-weight: bold;margin: 10px 0 5px 15px !important;padding: 2px 4px;text-transform: uppercase;}
#ContentMiddle #formContainer td.idbmsInstanceColumnInput input.button {margin:0!important;}

/* Login page styles */
.IMOD3 #ContentMiddle .IModFBConnectWrapper {margin:0px 0 0;}
.IMOD3 #ContentMiddle .divLoginStructContainer {}
.IMOD3 #ContentMiddle .divLoginStructContainer .divLoginPanel {}
.IMOD3 #ContentMiddle .fullControl .instructions,
.IMOD3 #ContentMiddle .fullControl .divLoginInputs,
.IMOD3 #ContentMiddle .fullControl .divCaptcha,
.IMOD3 #ContentMiddle .fullControl .divLoginButtonRow {display:block;}
.IMOD3 #ContentMiddle .fullControl .divLoginUserNameRow,
.IMOD3 #ContentMiddle .fullControl .divLoginPasswordRow,
.IMOD3 #ContentMiddle .fullControl .divLoginButtonRow {float:left; width:100%; display:block; margin:10px 0 0;}
.IMOD3 #ContentMiddle .fullControl .cancelButton {display:none;}
.IMOD3 #ContentMiddle .fullControl .divLoginUserNameRow input,
.IMOD3 #ContentMiddle .fullControl .divLoginPasswordRow input {margin-right:5px;}
.IMOD3 #ContentMiddle .fullControl .divRemember {float:left; margin:10px 0 0px;}

.IMOD3 #ContentMiddle .fullControl .divLoginPanel .divLoginFacebook {float:left; margin:15px 10px 0 0;}
.IMOD3 #ContentMiddle .divLoginFacebook .fbLabel {float:left; margin:4px 4px 4px 0; width:100%;}
.IMOD3 #ContentMiddle .divLoginFacebook .IModFBConnectWrapper {float:left;}

ul.imod-cms-menu2 {clear:none;}

#ContentMiddle td.idbmsInstanceColumnInput {padding:2px 0 4px 12px;}
#ContentMiddle td.idbmsInstanceColumnInput label {margin:0;}
#ContentMiddle td.idbmsInstanceColumnInput label.textbox-confirm-label {float:none; margin-left:14px;}
#ContentMiddle select {font-size:11px;/* height:21px;*/ height:auto!important;}
#ContentMiddle td.idbmsInstanceColumnLabel {padding-right: 10px;width: 25%;}
.twocol #ContentMiddle td.idbmsInstanceColumnLabel {width:200px;}
#ContentMiddle td.idbmsInstanceColumnInput input.button {margin-left:5px;}

#ContentMiddle .grippie {/*display:none;*/ height:1px; margin:-5px 0 0 10px;display:block;}
#ContentMiddle td.idbmsInstanceColumnInput textarea {float:none;}

/* Form template blue border */
#ContentMiddle #formContainer table.idbmsOuterTable_User {width:545px!important; padding:0 14px;}
#ContentMiddle #formContainer table.idbmsOuterTable_User table {width:503px!important; margin:0 14px;}
#ContentMiddle #formContainer table.idbmsOuterTable_User table td table {width:100%!important; margin:0; padding:0;}
#ContentMiddle #formContainer table.idbmsOuterTable_User table td.idbmsInstanceColumnInput table {/*width:auto!important;*/}
#ContentMiddle #formContainer table.idbmsOuterTable_User table td.idbmsInstanceColumnInput span input,
#ContentMiddle #formContainer table.idbmsOuterTable_User table td.idbmsInstanceColumnInput span label  {}
#ContentMiddle #formContainer table.idbmsOuterTable_User table td.idbmsInstanceColumnInput span label  {margin:0 0 7px 5px; width:90%;float:left;}


.form .breadCrumbs {padding:0 14px;}
.form #rg_pnlPageHeader {display:none;}

.twocol .breadCrumbs {padding:0;}

/* Form template no blue */
.twocol #ContentMiddle table.idbmsOuterTable_User table td.idbmsInstanceColumnInput span {}
.twocol #ContentMiddle table.idbmsOuterTable_User table td.idbmsInstanceColumnInput span input,
.twocol #ContentMiddle table.idbmsOuterTable_User table td.idbmsInstanceColumnInput span label  {display:inline; float:none;}
.twocol #ContentMiddle table.idbmsOuterTable_User table td.idbmsInstanceColumnInput table {width:100%;}
.twocol #ContentMiddle table.idbmsOuterTable_User table td.idbmsInstanceColumnInput input {float:none;}
#ContentMiddle table.idbmsOuterTable_User table td.idbmsInstanceColumnInput span label  {margin:0 0 7px 5px; width:90%;float:left;}

/* fix for image rotator module slideshows */
#contentWrapper .iModAnythingWindow ul li {padding:0;}
.iModAnythingSlider .fade .panel {background-image:none!important;padding:0!important;}


/* Footer COLUMN
---------------------------------------------*/

/* Homepage Elements 
---------------------------------------------*/
.start #breadCrumbs #ContentBreadCrumbs {display:none;}
.start .iModsFrame {margin-bottom:0;}
.start .iModsFrame .iModsLeft {}
.start .iModsFrame .iModsRight {float:left; width:100%;}

.userLoggedIn .iModsFrame .iModsRight {float:right; width:auto;}

.start .loginBoxes {float:left; padding:10px;margin:0;}
.start .loginBoxes #divCaptcha {float:left;}
.start .divLoginStructContainer .instructions {display:none;}
.start .divLoginStructContainer span.labelUserName,
.start .divLoginStructContainer span.labelPassword {display:none;}
.start .divLoginStructContainer .divLoginUserNameRow,
.start .divLoginStructContainer .divLoginPasswordRow {float:left;}
.start .divLoginStructContainer .divLoginUserNameRow input,
.start .divLoginStructContainer .divLoginPasswordRow input {margin:0 9px 0 0!important; width:80px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:1px 4px;}
.start .divLoginStructContainer .divLoginButtonRow {float:left;}
.start .divLoginStructContainer .divLoginButtonRow .loginButton {background: url("images/button_login.gif") no-repeat scroll 0 0 transparent; border: medium none; margin: 0 !important; padding: 0 !important; text-indent: -999em; width: 65px; *text-transform:capitalize; height:18px;}
.start .divLoginStructContainer .divLoginButtonRow .cancelButton {display:none;}
.start .divLoginStructContainer .divRemember {float:left; margin:3px 15px 0;}
.start .divLoginStructContainer .divRemember input {margin:0 5px 0 0!important;border:none;}
.start .divLoginStructContainer .divRemember label {margin:0;}
.start .divLoginStructContainer .divFTL {float:left; margin:3px 15px 0 0;}
.start .divLoginStructContainer .divFTL a {float:left; margin:0 15px 0 0;}
.start .divLoginStructContainer .divLoginLinks {display:none;}
.start .divLoginStructContainer .divLoginFacebook {float:right;}

.start .divLogoutPanel {display:none;}

#ContentMiddleLayoutRightAreaCal { width: 236px; margin-left:16px;}

/** Events Table Alignment **//
#ContentMiddleLayout2 .imodcmscalendar ul {margin-left:0px !important;}
#ContentMiddleLayout2 .imodcmscalendar h3 {margin-left:0px !important;}
#ContentMiddleLayout2 .imodcmscalendar {margin-left:15px !important; width:561px !important;}