﻿body.borderBox *,body.cke_editable *,div.layoutmanager,div.layoutmanager *,
div.layout-container,div.layout-container *
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box
}
body.fullWidth #navigationContainer div.alert {
    margin-left: -10px 65px 0 0 !important
}
fieldset{
padding:10px !important;
}
.bulletinImages{
margin:5px 10px 5px 5px;
}
#contactIconGroup i{
height:16px;
}
.overDialog {z-index:1550}
.desktop #menuNav {display:table;width:100%;position: relative;z-index: 500;}
#secondaryMenuContainer ul.slimmenu li,#secondaryMenuContainer ul.slimmenu{
z-index: 300;
}
.desktop #secondaryMenuContainer #menuNav {
	position:inherit;
}
.desktop #menuNav ul.menuContainer {display:table-row}
.desktop #menuNav ul.menuContainer>li {display:table-cell;vertical-align:top}
.desktop #menuNav ul.menuContainer>li>div {margin:auto;text-align:center}
.desktop #secondaryMenuContainer #menuNav ul.menuContainer>li>div {margin:0;text-align:left}
.desktop .verticalMenu #menuNav ul.menuContainer>li,.verticalSubmenu ul.menuContainer>li {display:list-item}
#secondaryMenuContainer ul,#secondaryMenuContainer ul li{
	background-color:white;font-weight:bold;
}
body { /* ios safari auto resizes some text , probably due to px values */
    -webkit-text-size-adjust: 100%;
}

#adminContainer
{
	max-width: 1000px;
	width: 100%;
	margin: auto;
	position:relative;
}
.verticalMenu #headerContainer{
	max-width:250px;
	overflow:hidden;
}

.ui-tabs-nav
{
font-size:16px !important;
}
#mainFullPageContainerDiv
{
text-align: center; padding-top: 20px; 
	width: 1000px; 
	margin: auto;
    transition: all .5s linear; 
}
body.widerContainer #mainFullPageContainerDiv{
	width: 1200px; 
}
#mainFullPageContainerDiv.transparentView
{
	padding-top: 0;
}
.desktop #mainFullPageContainerDiv.verticalMenu
{
	margin:0 0 0 250px;
	width: initial;
}
#mainContentTable
{
	width: 1000px;
	text-align: left;
	clear:both;
margin:auto;
    transition: all .5s linear; 
    overflow: visible;
}
body.widerContainer #mainContentTable{
	width: 1200px; 
}
.verticalMenu #mainContentTable
{
margin:0;
}
#headerContainer{
	width: 1000px; 
	text-align:left; margin: 0 auto;z-index:10;clear:both;
	overflow:hidden;
}
body.widerContainer #headerContainer{
	width: 1200px; 
}
#headerContainer>*,#headerContainer table *{
	z-index:110;
}
#adminContainer{
	padding-bottom:10px;
}
h2
{
    font-size: 16px;
}
body
{
    color: black;
    background-image: none;
    background-color: #F3F3F4;
    margin: 0;
}
body.remote{
	background-color:transparent;
}
/*body, td, td.cell, a, p { */
body, td, td.cell, p
{
    /*	color: black;*/
    font-size: 16px;
    font-family: arial, helvetica, sans-serif;
    line-height: normal;
}
h5
{
    margin: 5px 0;
    font-size: 13px;
}

img {
	border: 0px;
}
/*definitions for hoizontal navigation*/
#mainContent .footer_right,#mainContent .footer_left,#mainContent .header_right,#mainContent .header_left
{
	background-image:none;
}
div#moduleDivider.header_left { background-image: url('/images/modules/headerLeft.gif');}
div#moduleDivider div.header_right { background-image: url('/images/modules/headerRight.gif');}
div#moduleDivider div.footer_left { background-image: url('/images/modules/footerLeft.gif');}
div#moduleDivider div.footer_right { background-image: url('/images/modules/footerRight.gif');}

#navigationContainer .header_container
{
     border-bottom:none;
     color:white;
/*	margin:0;
    padding: 0;*/
}
.header_container:empty{
	min-height:40px;
}
#navigationContainer.menuContainer
{
    list-style: none;
     color:white;
	font-size: 1.2em;
	background: url('/images/menuBG.png') repeat-x black;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}
#navigationContainer.menuContainer #autocomplete_choices
{
	font-weight:normal;
}
input#autocomplete{
    background: url("/images/searchbg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 14px;
    padding: 7px 6px 6px 28px;
    width: 135px;
    min-width: inherit;
}
 
body.borderBox input#autocomplete{
height: 27px;
width: 169px !important;
} 

#autocomplete_choices li{
	float:none;
}
#autocomplete_choices li.selected {
    background-color: #FFFFBB;
}
#autocomplete_choices li{
	padding:5px;
}
#autocomplete_choices ul{
	width: 100%;
	overflow: hidden;
}
#autocomplete_choices ul>li{
	width:171px;
	border-bottom:1px solid #EEE;
}
/*#dobField select{width:46px;}*/
.tableWrapper
{
    width: 550px;
}
.tableFloating
{
    width: 300px;
    height: 100%;
    position: relative;
}
.tableFloating .cell
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
div.info, div.success, div.warning, div.error, div.blank
{
    border: 1px solid;
    margin: 10px 12px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px 7px;
    text-align: left;
    overflow: hidden;
}
div.blank div.info, div.blank div.success, div.blank div.warning, div.blank div.error, div.blank div.blank
{
    margin: 10px 0;
}
div.blank
{
    padding: 0;
    border: 0;
}
.inv
{
    padding-left: 5px;
    padding-right: 5px;
}
.info.inv
{
    background-color: #00529B;
    color: #ffffff;
}
.success.inv
{
    background-color: #4F8A10;
    color: #ffffff;
}
.warning.inv
{
    background-color: #9F6000;
    color: #ffffff;
}
.error.inv
{
    background-color: #D8000C;
    color: #ffffff;
}
.info
{
    color: #00529B;
}
.success
{
    color: #4F8A10;
}
.warning
{
    color: #9F6000;
}
.error
{
    color: #D8000C;
}

div.info
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/icons/Info.png');
}
div.success
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('/images/icons/Valid Green.png');
}
div.warning
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/icons/Attention.png');
}
div.error
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/icons/Cancel.png');
}
.border
{
    color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: background-position-y:top;
}
.moduleContainerHeader.border
{
	padding:3px;
}
.border a
{
    color: #FFFFFF;
}
.border a:visited
{
    color: #DDDDDD;
}
div.alert
{
    color: black !important;
}
div.alert
{
    border: 1px solid #000000;
    margin: 3px;
    padding: 5px;
    background-color: #FFFF00;
	clear:both;
	font-weight:bold;
    cursor: pointer;
}
.transOn
{
    opacity: .25;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
}
.trans70
{
    opacity: .7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}
.trans50 
{
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}
form
{
    margin: 0px;
}
input[name="dob_day"]
{
    width: 20px;
}
input[name="dob_month"]
{
    width: 20px;
}
input[name="dob_year"]
{
    width: 40px;
}
.dataTable
{
    border-collapse: collapse;
}
.dataTable td, .dataTable th
{
    padding: 0.5em;
    border: 1px solid #CCC;
}
.dataTable thead, .dataTable tfoot
{
    background-color: #DDD;
}
.dataTable tr.rowodd
{
    background-color: #FFF;
}
.dataTable tr.roweven
{
    background-color: #F2F2F2;
}
.dataTable th.sortcol
{
    cursor: pointer;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
}
.dataTable th.sortasc
{
    background-color: #DDFFAC;
    background-image: url(/library/tablekit/images/up.gif);
}
.dataTable th.sortdesc
{
    background-color: #B9DDFF;
    background-image: url(/library/tablekit/images/down.gif);
}
.dataTable th.nosort
{
    cursor: default;
}
.dataTable th.resize-handle-active
{
    cursor: e-resize;
}
.dataTable div.resize-handle
{
    cursor: e-resize;
    width: 2px;
    border-right: 1px dashed #1E90FF;
    position: absolute;
    top: 0;
    left: 0;
}

/*.dataTable td.oldData
{
    background-color: red;
}*/
.dataTable td.dup
{
    background-color: purple;
}
.dataTable td.newUser
{
    background-color: #00CC66;
}
.dataTable td.diff.oldData,.dataTable td.prevVal.oldData
{
	border:4px red solid;
}
.dataTable td.diff
{
    background-color: #FFCC66;
}
.dataTable td.prevVal
{
    background: url("/images/prevData.png") no-repeat scroll right bottom #FFCC66;
}


input.newDiary
{
    background-color: #000066;
    color: #FFFFFF;
    font-weight: bold;
    border: 2 solid #FFFF00;
}
input.diary
{
    background-color: #000066;
    color: #FFFFFF;
    font-weight: bold;
    border: 2 solid #FF0000;
}

/* Calendar style definitions */
table.calendar td.calendar_border
{
    padding: 4px;
    text-align: center;
}
table.calendar td.calendar_cell
{
    border-top: #000000 1px solid;
    border-bottom: #000000 1px solid;
    padding: 4px;
    color: #000000;
    font-size: 10px;
    background-color: #FFFFFF;
    text-align: center;
}
table.calendar td.nextMonth
{
    font-style: italic;
    color: #808080;
}
table.calendar td.hasEvent
{
    background-color: #CCC;
}
table.calendar
{
    border-collapse: collapse;
}


td.events_cell
{
    padding-bottom: 4px;
    margin-bottom: 4px;
}
div.autocomplete
{
    position: absolute;
    width: 180px;
    background-color: white;
    border: 1px solid #888;
    margin: 0px;
    padding: 0px; /*	font-size: 11px;*/
    text-align: left;
    z-index: 2500;
    max-height:500px;
    overflow:auto;
}
div.autocomplete ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div.autocomplete ul li.selected
{
    background-color: #ffb;
}
div.autocomplete ul li
{
    list-style-type: none;
    display: block;
    margin: 0px;
    padding: 2px; /*	height: 20px;*/
    cursor: pointer;
}
.searchBox
{
    background-position: left top;
    margin: 1px 5px 0px 0px;
    vertical-align: middle;
    width: 120px;
    background-image: url('/images/modules/searchBox.jpg');
    background-repeat: repeat-x;
    padding: 5px 0px 2px 4px;
    border: 0px;
    height: 17px;
}

body.borderBox .searchBox{

}

.searchBox:focus
{
    outline: none;
}
.searchBackground
{
    text-align: left;
    background: url('/images/modules/searchBoxFull.jpg') no-repeat left center;
    height: 27px; /*	padding-left: 19px;*/
}
input.searchBox.example
{
    font-size: 16px;
}
.example
{
    color: #C0C0C0;
}
td.mainDivide
{
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px #9C9EA5 solid;
}
#myBox #contentBoxBg
{
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
}
#myBox #quotes
{
    font-size: 14px;
    margin: 16px;
    padding: 0px;
}
/*styles for graph display*/
dl.surveyGraph
{
    margin: 15px 10px;
    padding: 0px;
    width: 92%;
    height: auto;
    text-align: left; /*	background: #fff url(bar.gif) bottom left no-repeat;*/
}
dl.surveyGraph dt
{
    text-align: center;
    border-bottom: 3px solid #fff;
}
dl.surveyGraph dd
{
    margin: 0;
    display: block;
    height: 2em;
    border-bottom: 1px solid #fff; /*	width: 220px;*/ /*	background: #0a0;*/
}
dl.surveyGraph dd b
{
    float: right;
    color: black;
    display: block;
    margin-left: auto;
    background: #EEE;
    height: 2em;
    line-height: 2em;
    text-align: right;
    padding-right: 3px;
}
.iePositionRelative
{
    position: static;
}
.iePositionAbsolute
{
    position: static;
}
/*Express login*/
/*#expressLogin, #expressLogin p
{
    font-size: 12px;
    line-height: 20px;
}
#express_forth_left p, .formLabel
{
    font-size: 12px;
    font-family: Tahoma, Verdana, Arial, Helvetica;
}
.bigtextbox, .textbox, .field, select
{
    font: Tahoma, Verdana, Arial, Helvetica;
    font-size: 10pt;
}
#expressLogin H1
{
    font-size: 20px;
    line-height: 30px;
}*/
#securityQuestions
{
    padding-top: 15px;
}
#expressLogin p
{
    margin-bottom: 20px;
}
#express_forth_left p
{
    margin-top: 15px;
    margin-bottom: 25px;
    line-height: 20px;
}
#express_top_right small
{
    /* font-size:10pt;*/
    color: #000000;
    font-weight: normal;
}
#express_top_right
{
    border-left: solid 2px #999;
}
#third_container h1
{
    margin-bottom: 20px;
}
#third_container .heading
{
    margin: 15px 0 0 15px;
}
#termsandconds
{
    overflow: scroll;
    height: 300px;
    border: 1px solid #999;
    padding: 10px;
}
body.borderBox #termsandconds
{
	height: 310px;
}

#expressLogin .container
{
    background-color: #FFFFFF;
    padding: 20px;
    margin-bottom: 15px;
    width: 950px;
    position: static;
}
.large_subcontainer_left
{
    float: left;
    width: 530px;
    padding-right: 40px;
}
.small_subcontainer_right
{
    float: left;
    width: 300px;
    padding: 0 30px;
}
.subcontainer_left
{
    float: left;
    width: 45%;
    padding-right: 5%;
}
.subcontainer_right
{
    float: left;
    width: 45%;
    padding-left: 5%;
}
.formLabel
{
    color: #666666;
    font-weight: bold;
    padding: 7px 0;
    position: static;
}
.prototip .content
{
    color: white;
}
#expressLogin .bottomleft
{
    position: absolute;
    bottom: 10px;
    left: 0px;
    width:550px;
}
.bigtextbox
{
    width: 410px !important;
    max-width:95%;
}
#expressLogin
{
    margin-bottom: 20px;
}
.textbox
{
    width: 265px !important;
    margin-bottom: 15px;
}
.field
{
    margin-bottom: 20px;
}
#expressLogin select
{
    padding-top: 2px;
}
#expressLogin .select
{
    margin-bottom: 20px;
    width: 375px;
}
#res_pcodeField input, #fyearField input, #no_yearsField input
{
    width: 65px;
}
#expressLogin #dobField
{
    margin-bottom: 20px;
}
#expressLogin .x-form-field-wrap .x-form-trigger
{
    background-image: url(../images/default/form/trigger-large.gif);
}
#expressLogin .x-form-field-wrap .select
{
    margin-bottom: 0px;
}
#expressLogin input#bus_discount
{
    margin: 13px 5px 0 0;
}
.dontDisplay
{
    border: 1px solid #999;
    margin: 5px 0;
    padding: 2px 4px 0 0;
    background-color: #ddd;
    display: inline-block;
    font-size: 10px;
    color: black;
    font-weight: normal;
}
input.insecure
{
    background: #FFBABA URL('/images/Login/passwordInsecure.png') no-repeat right !important;
}
input.mediocre
{
    background: #FEEFB3 URL('/images/Login/passwordMediocre.png') no-repeat right !important;
}
input.secure
{
    background: #DFF2BF URL('/images/Login/passwordSecure.png') no-repeat right !important;
}
input.vSecure
{
    background: #DFF2BF URL('/images/Login/passwordVSecure.png') no-repeat right !important;
}
input.match
{
    background: URL('/images/icons/valid green_small.png') no-repeat right !important;
}
.notMatch
{
    background: #FFBABA URL('/images/icons/cancel_small.png') no-repeat right top !important;
}
div#networkingContainer input.example
{
    color: gray;
}
#secretQuestions .subcontainer_left
{
    overflow: hidden;
}
/*div.formLabel // prevents buttons from working when under
{
    position: relative;
}*/
#quicklogin_container div.formLabel
{
    padding-top: 5px;
}
.requiredField div.formLabel,.required div.formLabel
{
    padding-left: 10px;
    background: URL('/images/icons/asterix.png') no-repeat left top;
}
.noListStyle
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

/*definitions for details display*/
#detailsContainer
{
    position: relative;
    min-width:760px;
}
#detailsContainer input[type=text]
{
	max-width:100%
}
#detailsContainer > .fieldContainer
{
    margin-top: 10px;
    margin-left:150px;
    float: left;
    height: 500px;
    overflow: auto;
    position:relative;
    width: 580px;
    background-color: white;
    padding-left: 15px;
    border: 1px solid #CCC;
}

body.borderBox #detailsContainer > .fieldContainer
{
height:510px;
width:595px;
}

#detailsContainer .fieldContainer:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#fieldsWrapper .newCatContainer {
    background: none repeat scroll 0 0 white;
    padding: 0 10px;
    position: absolute;
    right: -250px;
    z-index: 1;
}
#fieldsWrapper .snippet {
    background: url("/images/snippetTemplate.png") no-repeat scroll right center white;
    height: 150px;
	width:95%;
	margin-right:5%;
    border:1px solid #DDD;
    padding:5px;
}

body.borderBox #fieldsWrapper .snippet {
height:155px;
}

#fieldsWrapper .newCatContainer{
    float: right;
    position: absolute;
    right: -240px;
    top: 0;
}
#detailsContainer .optionsContainer
{
	border:1px solid black;
	padding:5px;
/*max-width:225px;*/
	margin:3px 0;
	background-color: white;
/*	position: absolute;*/
	z-index: 10;	
  	width: 219px;
  }
.fieldContainer .heading
{
	clear:both;
	font-weight:bold;
	padding:5px 0;
	font-size:16px;
	margin: 5px 0;
}
.fieldContainer textarea{
	max-width:100%;
}
.fieldContainer .optionsContainer>div
{
	margin-top:8px;
}
#fieldsWrapper #bin
{
	border:1px solid black;
	padding:5px;
	max-height:150px;
overflow:auto;
}
body.borderBox #fieldsWrapper #bin
{
max-height:155px;
}
#fieldsWrapper #newCatContainer
{
    position: absolute;
    bottom: 0;
    left: 0;
}
#fieldsWrapper .titles
{
    /*	font-size: 12px;*/
    color: #666666;
    font-weight: bold;
    padding: 7px 0;
}
.fieldItemContainer .titles
{
    border:1px solid #DDD;
    margin:3px 0;
}
.fieldItemContainer.selected .titles
{
    border:1px solid red;
}
#detailsContainer ul#detailsHeader
{
    margin-top: 10px;
    position:absolute;
    width: 130px;
}
#detailsContainer ul#detailsHeader li
{
    padding: 2px 5%;
    width:90%;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 1px;
}
body.borderBox #detailsContainer ul#detailsHeader li
{
    width:100%;
}
#detailsContainer ul#detailsHeader li a
{
	width:100px;
}
#detailsContainer ul#detailsHeader li.on
{
    background-color: #CCCCCC;
}
#detailsContainer ul#detailsHeader li.over
{
    border-bottom: 1px gray solid;
    margin-bottom: 0;
}
#detailsContainer ul#detailsBody
{
    margin-top: 10px;
    float: left;
    height: 448px;
    overflow: auto;
    width: 550px;
    background-color: white;
    padding-left: 15px;
    border: 1px solid #CCC;
}

body.borderBox #detailsContainer ul#detailsBody{
	height: 448px;
}

#userDetailsContainer input#update,#userDetailsContainer>.ui-convertButton
{
    float: right;
}
#userDetailsContainer #lastUpdated
{
    float: right;
    margin-top: 5px;
    font-size: 10px;
}
#userDetailsContainer h2
{
    display: inline;
    padding-right: 10px;
}
#detailsContainer .bigtextbox, #detailsContainer .textbox {
    margin-bottom: 0;
    width: 225px;
}
#userDetailsContainer #deleteUser
{
    position: absolute;
    bottom: 0;
    left: 0;
}
#userDetailsContainer .showMergeUserDialog
{
    position: absolute;
    bottom: 0;
    left: 200px;
}

#userDetailsContainer #deleteUser img
{
    width: 20px;
    border: 0;
    margin-right: 5px;
    float: left;
}
.fieldContainer select
{
    max-width: 220px;
}
.fieldContainer .Doublewidth select
{
    max-width: 700px;
}
.fieldContainer li.liFieldEdit
{
    clear: left;
    width:44%;
    float:left;
    margin-right:4%;
    min-width:210px;
    padding-bottom:10px;
/*    overflow:hidden;  causes issue on update page*/ 
}
.fieldContainer li.Floatright{
	clear:right;
	float:right;
}
.fieldContainer li.Floatright .clickToFloat{
display:none;
}

.fieldContainer li.Doublewidth{
	clear:both;
	float:none;
	width:95%;
	margin-right:5%;
}
.fieldContainer li.liFieldEdit.heading
{
	clear:both;
}
#newUserContainer .fieldContainer > ul{
	margin:20px
}

/*Quick login styles*/
ul#sidebarContainer
{
    min-height: 260px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}
ul#sidebarContainer td.cell, ul#sidebarContainer td.calendar_border
{
    font: Arial, Helvetica, sans-serif;
    font-size: 16px;
}
ul#sidebarContainer .border
{
    font-weight: bold;
}
ul#sidebarContainer span.titleSquares
{
    background: transparent;
}
ul#sidebarContainer li.header
{
    -moz-border-radius: 5px;
    padding: 4px;
    margin: 5px 0;
    clear: both;
}
ul#sidebarContainer li.events_cell
{
    margin: 5px 0;
}
ul#sidebarContainer #dobField select
{
    width: 53px;
}
ul#sidebarContainer #dobField select#dob_day
{
    width: 35px;
}
ul#sidebarContainer .textbox
{
    margin: 0;
}
ul#sidebarContainer #groupField
{
    float: left;
    margin-right: 10px;
}
ul#sidebarContainer #fyearField
{
    float: left;
    width: 70px;
}

ul#sidebarContainer #fyear
{
    width: 70px;
}
ul#sidebarContainer #dobField
{
    margin-bottom: 7px;
}
#quicklogin_container
{
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 168px;
    position: static;
    float: left;
}
/* All */
#quicklogin #left, #quicklogin #center, #quicklogin #right
{
    float: left;
    height: 15px;
    margin: 0;
    padding: 0px;
}
#quicklogin_container a
{
    text-decoration: none;
    font-weight: normal;
}
.clearboth,.clearBoth
{
    clear: both;
/*    height: 0;*/
}
.clearAfter:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#quicklogin_container p
{
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}
#quicklogin_container .textfield
{
    width: 148px;
    margin-bottom: 7px;
}
/* Rounded Corners for Moz */
#quicklogin_container #quicklogin_register_form, #quicklogin_container #quicklogin_signin, #quicklogin_container #quicklogin_header
{
    -moz-border-radius: 5px;
}
/* Header shouldn't show if there's a header next to it's conatiners header */
.hasHeader #quicklogin_header
{
    display: none !important;
}
/* Login */
#quicklogin_container #quicklogin_signin top, #quicklogin_container #quicklogin_signin bottom
{
    height: 15px;
}
#quicklogin_container #quicklogin_signin
{
    background: #F3F3F4;
    padding: 10px;
}
#quicklogin_container #quicklogin_signin .formtextlink
{
    float: left;
    margin-top: 5px;
}
#quicklogin_container #quicklogin_signin .loginButton
{
    text-align: right;
}
#quicklogin_container #quicklogin_signin .loginButton input
{
    font: Arial, Helvetica, sans-serif;
    font-size: 16px;
    height: 24px;
    padding: 0;
}
/* Register */
#quicklogin_container #quicklogin_register_form
{
    background: #CCCCCC;
    padding: 10px;
    z-index: 10;
}
#quicklogin_container #quicklogin_register_form .formlabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding: 0;
    height: 18px;
}
#quicklogin_container #quicklogin_register_form .information
{
    color: #666666;
}
#quicklogin_container #quicklogin_register_form .loginButton
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: right;
}
#quicklogin_container #quicklogin_register_form .loginButton input
{
    font: Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 84px;
    height: 24px;
    margin-top: 10px;
}

body.borderBox #quicklogin_container #quicklogin_register_form .loginButton input{
height: 34px;
}

.egBG#login
{
    background: white URL('/images/login/usernameBG.png') no-repeat left center;
}
.egBG#password
{
    background: white URL('/images/login/passwordBG.png') no-repeat left center;
}
.egBG#fname
{
    background: white URL('/images/login/firstNameBG.png') no-repeat left center;
}
.egBG#lname
{
    background: white URL('/images/login/lastNameBG.png') no-repeat left center;
}
ul#sidebarContainer input.Button, ul#sidebarContainer input.Button_over
{
    background: transparent;
    border: none;
    color: black;
    cursor: pointer;
}
table.calendar td.hasEvent
{
    background: #CCC;
    color: black;
}
ul#bullMod_mentor img
{
	width:75px;
}

div.bullModContainer ul#bullMod_news div.dateContainer
{
    display: none;
}
div.bullModContainer.fullWidth ul#bullMod_news div.dateContainer
{
    display: block;
    color: #BBBBBB;
    margin: 5px 0;
}
ul#bullMod_news div.fullView
{
    display: none;
}
.bullModContainer div.dateContainer
{
    display: none;
}
.bullModContainer.fullWidth div.dateContainer
{
    display: block;
}
.bulletinThumbnail
{
/*    float: left;*/
    padding: 2px 5px 3px 1px;
    border: 0px;
    width: 70px;
}
.accordion_content .bulletinThumbnail
{
	float:left;
}
div.bullModContainer div.displayContainer
{
    margin: 5px;
    max-height: 500px;
	overflow-x: hidden;
}

body.borderBox div.bullModContainer div.displayContainer
{
max-height: 505px;
}

div.bullFullView img#img0
{
	display:none;
}
div.bullFullView .imageContainer
{
    overflow: hidden;
    height: 250px;
    margin: 0 10px 10px 0;
    text-align:center;
    width: 415px; /* 2013-04-08 added as images being 'cropped' top left */
}

body.borderBox div.bullFullView .imageContainer{
height: 260px;
}

div.bullFullView .imageContainer img,
div.bullFullView .imageContainer img,
#module_welcome div.bullFullView .imageContainer img,
#module_welcome div.bullFullView .imageContainer img{
	max-width: 415px;
} /* 2013-04-08 added as images being 'cropped' top left */

#lightwindow_contents div.bullFullView .imageContainer
{
	width:100%; /* 2013-04-08 center align in lightbox. previously was div.bullFullView { width: 500px }  but was causing the '*/
}
div.bullFullView .imageContainer img
{
/*    max-width: 100% !important;*/
/*    max-height: 250px;*/
    width: 100%;
}
div.bullFullView .imageContainer img.bulletinThumbnail
{
/*    min-width: 200px;*/
}
/*div.bullFullView .messageContainer{
	overflow:auto;
	max-height:200px;
}*/
div.bullModContainer.fullWidth ul.bullMod_news
{
    list-style-image: URL('/images/modules/newsListIcon.png');
    margin-left: 15px;
}
div.bullModContainer.fullWidth a.bullShowAll
{
    margin-left: 20px;
}
div.bullFullView a.readArticle
{
    display: none;
}
div.bullModContainer.fullWidth div.displayContainer a.readArticle
{
    display: inline;
}
div.bullModContainer li.highlighted
{
    background-color: #EEE;
}

ul#sidebarContainer td.cell
{
    background: transparent;
}
ul#sidebarContainer ul.bullMod li
{
    margin: 0 0 7px;
}
ul#bullMod_postcards_births img, ul#bullMod_postcards_marriages img, ul#bullMod_postcards_highlights img
{
    max-width: 150px;
    height:auto;
}
div#bullContainer.Deaths div.text_container
{
    margin: 0;
}
div.typeNews div.accordion_toggle
{
    text-align: left;
    padding: 5px;
    margin-top: 5px;
    font-size: inherit;
    cursor: pointer;
}
div.typeNews div.container
{
    height: 75px;
    overflow: hidden;
    border: 1px solid #999;
    border-top: 0;
    background-color: #EEE;
    color: black;
    padding: 5px;
    position: relative;
}

body.borderBox div.typeNews div.container
{
	height: 85px;
}

div.typeNews div.readMore
{
    bottom: 5px;
    right: 5px;
    position: absolute;
}
div.typeNews div.dateContainer
{
    margin: 10px 0;
    color: #BBBBBB;
}
/*Calling Campaign Styles*/
div.user div#callStatus
{
    background-color: #FEEFB3;
    margin: 2px;
    padding: 3px;
}
div.user div#callStatus.Completed, div.user div#callStatus.Donation, div.user div#callStatus.interested
{
    background-color: #DFF2BF;
}
div.user div#callStatus.Number, div.user div#callStatus.number
{
    background-color: #FFBABA;
}
ul.fullList
{
    list-style: none;
    margin: 0px;
    padding: 0px;
/*    width: 730px;*/
}
ul.fullList li.list_bus_dir
{
    position: relative;
    margin: 5px;
    padding: 0;
    float: left;
    font-size:12px;
}
ul.fullList li.header_container
{
    float: none;
}
/*List module*/
ul.listMod
{
    padding-left: 12px;
    margin: 2px 4px 2px 8px;
}
ul.slider
{
    list-style-type: none;
    padding: 0px;
    height: 150px;
}
ul.slider li
{
    position: absolute;
    margin: 0px;
    left: 2px;
    padding: 0;
}



.bus_dir_card
{
    width: 250px;
    height: 180px;
    border: 1px black solid;
    background-color: white;
    position: relative;
    display: inline-block;
    margin-left:1px;
}

#mainContent .bx-wrapper  .bus_dir_card /* align cards w/ bx slider */
{
	width: 225px;
	margin-left:43px;
}

.bus_dir_card div#header
{
    height: 40px;
    background-color: #a7afb2;
    padding: 12px 3px 3px 50px;
    margin-bottom: 5px;
    overflow: hidden;
}

body.borderBox .bus_dir_card div#header
{
	height: 70px;
}



.bus_dir_card div#header a
{
	min-height: 1.7em;
	display: block;
	color: #002fa6;
}
.bus_dir_card div#left
{
    /* display: inline-block; */
    width: 75px;
    padding-left: 3px;
    height: 100px;
    text-align: center;
    overflow: hidden;
    /* position: absolute; */
    top: 60px;
    float: left;
}

.bus_dir_card div#left img
{
    height: 20px;
    margin: 0px 2px 5px 0px;
}
body.borderBox .bus_dir_card div#left img
{
	height: 25px;
}
.bus_dir_card div#right
{
    /* display: inline-block; */
    /* width: 176px; */
    height: 90px;
    /* left: 50px; */
    /* top: 60px; */
    overflow: auto;
    /* position: absolute; */
}
.bus_dir_card div#right input#adminButton
{
    position: absolute;
    right: 0;
    bottom: 0;
}
.bus_dir_card img{
display: initial;
}

/*Paid business directory override*/
.paid_bus_dir_card
{
    border: 1px solid #74A334;
    background-color: #A1CE67;
    position: relative;
    display: inline-block;
}
.paid_bus_dir_card div#header
{
    height: 40px;
    border-bottom: 1px solid #74A334;
    background-color: #D8EABF;
    padding: 12px 3px 3px 50px;
    margin-bottom: 5px;
    overflow: hidden;
}

body.borderBox .paid_bus_dir_card div#header
{
	height: 57px;
}

.paid_bus_dir_card div#left
{
    float: left;
    position: relative;
    display: inline;
    top: 0px;
    height: 80px;
}
.paid_bus_dir_card div#left img
{
    height: 20px;
    margin: 0px 2px 5px 0px;
}

body.borderBox .paid_bus_dir_card div#left img
{
	height: 25px;
}
.paid_bus_dir_card div#right
{
    width: 168px;
    height: 80px;
    left: 0px;
    top: 0px;
    overflow: hidden;
    position: relative;
    display: block;
    float: left;
}
.paid_bus_dir_card div#right input#adminButton
{
    position: absolute;
    right: 0;
    bottom: 0;
}
.paid_bus_dir_card .paidContainer
{
    border: 1px solid #74A334;
    background-color: #FFFFFF;
    margin: 3px;
}

.newsContainer .fullView
{
    display: none;
}
.googleSpeechBubble
{
    height: 100px;
    max-width: 250px;
    overflow: auto;
}
.WATNnames
{
    text-align: center;
    position: absolute;
    width: 94%;
    margin-left:3%;
    bottom:5px;
}
.WATNnames table
{
    background-color: white;
    width: 100%;
    text-align: left;
}
table#inviteTable tr:nth-child(even) td
{
    background-color: white;
}
table#inviteTable tr:nth-child(1) td
{
    background-color: #C0C0C0;
    font-weight: bold;
    color: black;
    padding: 5px;
}
table#inviteTable td
{
    border: 1px #C0C0C0 solid;
}
table#inviteTable.admin tr td:nth-child(2)
{
    width: 220px;
}
table#inviteTable.admin tr td:nth-child(3)
{
    width: 55px;
}
table#inviteTable.admin tr td:nth-child(4)
{
    width: 100px;
}
table#inviteTable.admin tr td:nth-child(5)
{
    width: 55px;
}
table#inviteTable.admin tr td:nth-child(6)
{
    width: 95px;
}
table#inviteTable.admin tr td:nth-child(7)
{
    width: 120px;
}
.sortVertical
{
    background: URL('/images/icons/arrow_ns.png') no-repeat right 5px;
    cursor: pointer;
}


.linkAsButt
{
    margin-top: -3px;
    color: #333;
    background-image: URL('/images/modules/linkButtBack.png');
    display: inline-block;
    font-weight: bold;
    min-height: 17px;
    text-align: center;
    text-decoration: none;
    min-width: 154px;
    padding: 3px 15px 3px 30px;
    margin: 10px;
    cursor: pointer;
    background-size: 100% 100%;

	/* http://webdesignerwall.com/tutorials/css3-gradient-buttons 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	background-image: none;

	background: #d1d1d1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#d1d1d1');
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#d1d1d1));
	background: -moz-linear-gradient(top, #ebebeb, #d1d1d1);
	color: #444;
	border: solid 1px #b1b1b1;
	border-radius: 0em\0/; /* -moz radius deprecated. IE9 leaks bg past border. set IE9 border to 0 */

}
.linkAsButt.LargeRed
{
    background-image: URL('/images/modules/LargeRed.png');
}
.linkAsButt.LargeGreen
{
    background-image: URL('/images/modules/LargeGreen.png');
}
.linkAsButt.LargeBlue
{
    background-image: URL('/images/modules/LargeBlue.png');
}
.linkAsButt.LargeRed, .linkAsButt.LargeGreen, .linkAsButt.LargeBlue
{
    width: 98px;
    min-width: 98px;
    height: 31px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: white;
    vertical-align: middle;
    padding: 12px 2px 3px 0;
    margin: 0;
	background-color:none;
	border: 0px;
}

body.borderBox .linkAsButt.LargeRed, body.borderBox .linkAsButt.LargeGreen, body.borderBox .linkAsButt.LargeBlue
{
    height: auto;
    background-size: 100% 100%;
    padding: 13px;
	width: inherit;
    min-width: 100px;
    max-width:130px
}

/*.linkAsButt.twolines
{
    padding-top: 6px;
    height: 37px;
}

body.borderBox .linkAsButt.twolines
{
        height: 43px;
}*/

.linkAsButt.LargeRed:hover
{
    background-image: URL('/images/modules/LargeRed_over.png');
}
.linkAsButt.LargeGreen:hover
{
    background-image: URL('/images/modules/LargeGreen_over.png');
}
.linkAsButt.LargeBlue:hover
{
    background-image: URL('/images/modules/LargeBlue_over.png');
}
.linkAsButt.plus
{
    background-image: URL('/images/modules/linkButtBack_plus.png');
}
.linkAsButt.minus
{
    background-image: URL('/images/modules/linkButtBack_minus.png');
}
.linkAsButt.up
{
    background-image: URL('/images/modules/linkButtBack_up.png');
}
.linkAsButt.down
{
    background-image: URL('/images/modules/linkButtBack_down.png');
}

.LargeGreen_update
{
	background-image:URL('/images/modules/LargeGreen_update.png');
}




#start_hour, #end_hour
{
    float: left;
}

#start_minute, #end_minute
{
    float: right;
}

div.auto_complete
{
    width: 350px;
    background: #fff;
}

div.auto_complete ul
{
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

div.auto_complete ul li
{
    margin: 0;
    padding: 3px;
}

div.auto_complete ul li.selected
{
    background-color: #ffb;
}

div.auto_complete ul strong.highlight
{
    color: #800;
    margin: 0;
    padding: 0;
}
/*Twitter module*/
ul.twitterList
{
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0 0 0 7px;
    max-width: 230px;
}
.twitterList li
{
    overflow: hidden;
    vertical-align: top;
    background: url(/images/modules/twitter/list-text.gif) repeat-y;
    margin: 0; /* 0 10px;*/
}
.twitterList li div
{
    background: url(/images/modules/twitter/list-text-top.gif) no-repeat;
    overflow: hidden;
}
.twitterList li div div
{
    background: url(/images/modules/twitter/list-text-bottom.gif) no-repeat 0 100%;
    padding: 11px 30px 30px 10px;
}
.twitterList li p
{
    /*    width: 340px;*/
    margin: 0; /* 0 12px;*/
    line-height: 14px;
    color: #000000;
}
.twitterList li em
{
    display: block; /*	text-align:right;*/
    padding-left: 5px;
    color: #1a171b;
    font-style: italic;
    float: right;
    font-size: 9px; /*	line-height:16px;*/
}


#callingCampaignContainer
{
    font-family: "Myriad Pro";
    background-color: #F3F3F4;
}
#callingCampaignContainer div.stepCount
{
    width: 50px;
    padding-top: 8px;
    font-weight: bold;
    float: left;
    height: 27px;
    cursor: pointer;
}
body.borderBox #callingCampaignContainer div.stepCount
{
	height: 35px;
}
#callingCampaignContainer div.stepCountHighlight
{
    background: URL('/images/CallingCampaign/blueBG.gif') repeat-x left top;
    color: white;
}
#callingCampaignContainer div.textContainer
{
    border: 1px #F0F0F0 solid;
    display: inline;
    padding: 5px;
    margin: 5px;
}
#callingCampaignContainer .detailsTableLeft
{
    text-align: right;
    padding-right: 3px;
}
#callingCampaignContainer #stepName
{
    font-size: 35px;
    color: #04738F;
    height: 115px;
    vertical-align: bottom;
}
#callingCampaignContainer #dataTable
{
    font-size: 16px;
}
#callingCampaignContainer .steps
{
    border: 1px gray dashed;
    font-size: 16px;
}
#callingCampaignContainer input[type=text]
{
    width: 150px;
}


#callingCampaignContainer input[type=text]
{
	width: 120px;
}

#callingCampaignContainer input[type=text]#readonlyinputboxes2way
{
	background-color: #C7C7C7;
}


/*unsubscribe styles*/
#unsubscribeContainer
{
	margin:5px 0 5px;
}
/*
#unsubscribeContainer #dcEmail,#unsubscribeContainer #dcSms
{
	margin-right:15px;
}

#unsubscribeContainer .optionContainer{
	float:left;
}
*/
#unsubscribeContainer label,#unsubscribeContainer input{
	cursor:pointer;
}

.action_create_message select{
	max-width:200px;
}
div#adminPage #transactionOverflow{
	max-height:150px;
	overflow:auto;
	clear:both;
}
div#adminPage #transactionsContainer .transaction{
	clear:both;
}
div#adminPage #transactionsContainer .transaction:nth-child(even)
{background: #E2E2E2}
div#adminPage #transactionsContainer .transaction:nth-child(odd)
{background: #CAE4FF}

div#adminPage .transaction .item{
/*	float:left;
	width:80px;
	overflow:hidden;*/
	padding:4px;
}
div#adminPage .transaction .item.wd{
	color:red;
}
div#adminPage #transactionHeader{
	font-weight:bold;
	margin-top:10px;
	border-bottom:1px black solid;
	margin-bottom:1px;
}
div#adminPage #transactionFooter td{
	font-weight:bold;
	border-bottom:3px black double;
	border-top:1px black solid;
	margin-bottom:10px;
	margin-top:1px;
}
textarea
{
	min-width:250px;
	min-height:100px;
}
select{
	max-width:100%;
}
/* prevent form pages from pushing page wide */
.mobile textarea
{
	min-width: auto;
}
#detailsContainer textarea
{
	min-width: 90%;
}
/* Carousel Definitions */
.horizontal_carousel { /*  float:left;*/
  margin: auto; width: 100%; height: 50px; position: relative; overflow: hidden; }
.horizontal_carousel .previous_button { position: absolute; width: 18px; height: 50px; background: url('/images/modules/slideLeft.gif'); z-index: 100; cursor: pointer; }
.horizontal_carousel .previous_button_disabled { background: url('/images/modules/slideLeft_fade.gif'); cursor: default; }
.horizontal_carousel .next_button { position: absolute; right: 0px; width: 18px; height: 50px; background: url('/images/modules/slideRight.gif'); z-index: 100; cursor: pointer; }
.horizontal_carousel .next_button_disabled { background: url('/images/modules/slideRight_fade.gif'); cursor: default; }
.horizontal_carousel ul { margin: 0; padding: 0; width: 100000px; position: relative; top: 0; left: 0; height: 50px; }
.horizontal_carousel ul li img { display: block; background: #E3EDFA; }
/*
.horizontal_carousel ul li {
  font-size:10px;
}                               
*/
.horizontal_carousel ul li { /*  width:120px;*/
  border: 0px solid green; color: #E3EDFA; margin: 0pt; padding: 0px 7px; list-style: none; float: left; }
/*photoBoard carousel overwrites*/

.imageEdit .imageThumb { border:2px #f7f7f7 solid; margin-bottom:3px; }
.imageEditOver .imageThumb { border:2px #8cc540 solid; margin-bottom:3px; }

#carousel_photoB li.movePhotos .shaded { background-color:#8cc540 }
.imageEdit .imageEditIcon { opacity: .35; !important  filter: alpha(opacity=35);
-moz-opacity: 0.35; margin:0 0 4px 1px; background:URL('/images/modules/edit_photo.png') no-repeat; }
.imageEditOver .imageEditIcon { background:URL('/images/modules/edit_photo.png') no-repeat; margin:0 0 4px 1px; }
.imageEditOver .imageEditIconOver { background:URL('/images/modules/edit_photo_over.png') no-repeat; margin:0 0 4px 1px; }
.photoBContainer { padding:20px; margin:20px 12px; border:1px #CECFCE solid; background-color:#F7F7F7;}/*position:relative }*/
.photoBContainer textarea { min-width: 0; }
#photoboardContainer .photoBContainer { padding:20px; }
#carousel_photoB { width: 650px; /*-64*/ height: 132px; }
#carousel_photoB .container { width: 600px; margin: 0 22px; padding: 0px; height: 132px; }
body.borderBox #carousel_photoB .container { width:644px;}
#carousel_photoB ul { height: 132px; }
#carousel_photoB ul li { width: 120px; }
#carousel_photoB .previous_button { width: 22px; height: 132px; background: url(/images/modules/photoboard_left.png) no-repeat; margin:30px 0; }
#carousel_photoB .previous_button_over { background: url(/images/modules/photoboard_left.png) no-repeat; }
#carousel_photoB .previous_button_disabled { background: url(/images/modules/photoboard_left_disabled.png) no-repeat; }
#carousel_photoB .next_button { width: 22px; height: 132px; background: url(/images/modules/photoboard_right.png) no-repeat; margin:30px 0; }
#carousel_photoB .next_button_over { background: url(/images/modules/photoboard_right.png) no-repeat; }
#carousel_photoB .next_button_disabled { background: url(/images/modules/photoboard_right_disabled.png) no-repeat; }
#carousel_photoB .horizontal_carousel ul { height: 132px; }
/*Vertical carousel definitions*/
.vertical_carousel { width: 100%; height: 320px;margin-top: 10px; }
body.borderBox .vertical_carousel {height: 330px;}
.innerMainContent
{
	padding:5px 6px;
	min-height:300px;
}
body.borderBox .innerMainContent
{
min-height:310px;
}
/*.action_viewTipping .innerMainContent,.action_verify .innerMainContent,.page_expressLogin .innerMainContent
{
	padding:0;
}*/
.breadcrumbMargin{
margin-bottom:0;
}

/*JQuery UI - Smoothness*/
/*	.ui-button { margin-left: 0px; margin-top: -3px; }
	.ui-button-icon-only .ui-button-text { padding: 0; } 
	.ui-autocomplete-input { margin: 0; padding: 0; }
	button.ui-button-icon-only {width: 1em;}
*/
/*Horizontal login overrides*/
/**************************** colors / customizations - 1 ****************************/
#quicklogin_container {
	background-color: #F3F3F4;
}

/* login header colour */
#quicklogin_container #quicklogin_header{
/*	background-color: #31307B;*/
	color: #ffffff;
}
/* override uneditable style */
#quicklogin_container #quicklogin_signin {
	background-color: transparent;
}

/* username, password fields  */
#quicklogin_container .textfield{
	border: 1px solid #555555;
}
#quicklogin_container .textfield:hover{
}

/* login button  */
#quicklogin_container #quicklogin_signin  .loginButton input {
	border: 1px solid #555555;
	background-color: #3190cB;
	color: #ffffff;
	font-weight: bold;
}
#quicklogin_container #quicklogin_signin  .loginButton input:hover{
	border: 1px solid #888888;
	background-color: #31307B;
}

/* input field radius */
#quicklogin_container .textfield , #quicklogin_container #quicklogin_signin  .loginButton input  {
	border-radius: 5px;
}

/* the following 2 border radius should be the same */
#quicklogin_container {
	border-radius: 8px;
}
#quicklogin_container #quicklogin_header{
	border-radius: 8px 8px 0 0;
}
/**************************** colors / customizations - 0 ****************************/


/**************************** layout - 1 ****************************/
#quicklogin_container {
	max-width: 294px;
	width:100%;
	box-sizing: border-box;
}

#quicklogin_container #quicklogin_header{
	padding: 8px;
	margin: 0 0 5px 0;
	font-size:18px;
}

#quicklogin_container #quicklogin_header h1 {
	margin: 0 ;
}

/* first tiem user register */
#quicklogin_container .quicklogin_register_text{
}

#quicklogin_container #quicklogin_signin {
	padding-top: 0px;
	margin-bottom: 5px;
}

#quicklogin_container #quicklogin_signin  input.textfield
{
	width: 96%;
	margin: 0 0 5px 0;
	padding: 5px;
}

/* difficulty logging in */
#quicklogin_container #quicklogin_signin .formtextlink {
}

#quicklogin_container #quicklogin_signin  .loginButton {
	float: right;
}

/**************************** layout - 0 ****************************/


fieldset {
	margin-top:5px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px #0099c9 solid !important;
	padding: 0 5px 5px;
}
fieldset legend {
	background: #0099c9;
	color:white;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 6px;
}
#fullbg { position: fixed; top: 0; left: 0; }
#fullbg.bgwidth { width: 100%; }
#fullbg.bgheight { height: 100%; }
#premiumBDContainer #regularList
{
	padding:30px;
}
#premiumBDContainer #leftPremium
{
	clear:both;
}
#premiumBDContainer #pageContainer
{
    width: 880px;
    margin: 0 auto;
}
#premiumBDContainer div#moduleDivider.header_left
{
    background-position: bottom left;
    background-color: #D4D4D4;
    margin: 0 -15px;
}
#premiumBDContainer div#moduleDivider div.header_right
{
    background-position: bottom right;
    padding: 0;
    padding-bottom: 11px;
}
#premiumBDContainer div#moduleDivider div.footer_left
{
    background-position: top left;
}
#premiumBDContainer div#moduleDivider div.footer_right
{
    background-position: top right;
    height: 25px;
}
#premiumBDContainer #mainHeader
{
    background-color: white;
    padding: 10px;
    border:5px dashed #cecece;
    
}
#premiumBDContainer #mainContainer, #footer
{
    background-color: white;
    padding: 15px;
    color: #595959;
}
#premiumBDContainer #mainHeader #logo
{
    float: left;
}
#premiumBDContainer #mainHeader #headerText
{
    padding: 40px 20px;
    float: left;
    font-size: 20px;
    text-transform: uppercase;
}
#premiumBDContainer #addBusiness
{
    margin: 0 0 15px 0px;
    float: right;
    cursor: pointer;
    width:189px;
    height:54px;
}
body.borderBox #premiumBDContainer #addBusiness
{
height:69px;
}
/*#premiumBDContainer #intro
{
    font-size: 23px;
    overflow: hidden;
}*/
#premiumBDContainer #directoryContainer
{
    clear: both;
}
#premiumBDContainer .greyBox
{
    background-color:#e7e7e7;
}
#premiumBDContainer .greyBox #greyHeader
{
    background-image: url('/images/pbd/greyTopLeft.png');
    background-position: left top;
    background-repeat: no-repeat;
    height: 14px;
}
#premiumBDContainer .greyBox #greyHeader #right
{
    background-image: url('/images/pbd/greyTopRight.png');
    background-position: right top;
    background-repeat: no-repeat;
    height: 14px;
}
#premiumBDContainer .greyBox #greyFooter
{
    background-image: url('/images/pbd/greyBotLeft.png');
    background-position: left top;
    background-repeat: no-repeat;
    height: 14px;
}
#premiumBDContainer .greyBox #greyFooter #right
{
    background-image: url('/images/pbd/greyBotRight.png');
    background-position: right top;
    background-repeat: no-repeat;
    height: 14px;
}
#premiumBDContainer .greyBox .greyContent
{
    padding: 0 14px;
}
#premiumBDContainer .greyInnerBox
{
    background-color: white;
    float: left;
    margin: 7px;
    background-size:100% 100%;
}
#premiumBDContainer .greyInnerBox .content
{
    width: 231px;
    height: 224px;
    overflow: hidden;
}
#premiumBDContainer .greyInnerBox #head
{
    background-image: url('/images/pbd/greyInTopLeft.png');
    background-position: left top;
    background-repeat: no-repeat;
    height: 8px;
}
#premiumBDContainer .greyInnerBox #right
{
    background-image: url('/images/pbd/greyInTopRight.png');
    background-position: right top;
    background-repeat: no-repeat;
    height: 8px;
}
#premiumBDContainer .greyInnerBox #foot
{
    background-image: url('/images/pbd/greyInBotLeft.png');
    background-position: left top;
    background-repeat: no-repeat;
    height: 8px;
}
#premiumBDContainer .greyInnerBox #foot #right
{
    background-image: url('/images/pbd/greyInBotRight.png');
}
#premiumBDContainer div#searchBar
{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}
#premiumBDContainer div#searchBar select
{
    width: 180px;
}
#premiumBDContainer div#searchBar img
{
    margin: 0 0 0 5px;
    vertical-align:top;
    cursor: pointer;
}
#premiumBDContainer div#searchBar span
{
    padding-left: 10px;
}

#premiumBDContainer .industryContainer
{
    background-image: url('/images/pbd/noIndustry.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
	background-size: 120%;
    transition: background-size .3s linear;
}
#premiumBDContainer .industryContainer:hover
{
	background-size: 100%;
}
#premiumBDContainer #industryList
{
    margin: 0 25px;
    position: relative;
    overflow:hidden;
}
#premiumBDContainer .slide .greyInnerBox
{
    width: 231px;
}
#premiumBDContainer .previous_button,#premiumBDContainer .next_button
{
    cursor: pointer;
    height: 63px;
    position: absolute;
    width: 59px;
    z-index: 100;
    margin-top: 223px;
}
body.borderBox #premiumBDContainer .previous_button,body.borderBox #premiumBDContainer .next_button
{
	height:286px;
}
#premiumBDContainer .previous_button
{
    left: -25px;
}
#premiumBDContainer .next_button
{
    right: -25px;
}
#premiumBDContainer #carousel-content .slide
{
    float: left;
    width: 850px;
    height: 500px;
    padding-left:50px;
}
body.borderBox #premiumBDContainer #carousel-content .slide
{
width:900px;
}
#premiumBDContainer #carousel-content .content .title
{
    height: 53px;
    width: 200px;
    margin: 92px 0 0 13px;
    background-image: URL('/images/pbd/industryTitleNormal.png');
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
}

#carousel-content .content .title:hover
{
    background-image: URL('/images/pbd/industryTitleHover.png');
}
#premiumBDContainer .greyInnerBox .title .text
{
    display: table-cell;
    height: 50px;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle;
    width: 180px;
}
body.borderBox #premiumBDContainer .greyInnerBox .title .text
{
width: 190px;
}

#premiumBDContainer .resultsContainer
{
    /*	overflow:hidden;*/
    margin: 0 15px;
}
#premiumBDContainer .resultsContainer .greyInnerBox
{
    /*	clear:both;*/
    margin-bottom: 30px;
}
#premiumBDContainer .resultsContainer #leftPremium.greyInnerBox .content
{
    width: 250px;
    height: 120px;
    text-align: center;
}
#premiumBDContainer .resultsContainer #rightPremium.greyInnerBox .content, #regularList .greyInnerBox .content
{
    position: relative;
    overflow: visible;
}
#premiumBDContainer .resultsContainer #rightPremium.greyInnerBox .content
{
    width: 442px;
    height: 109px;
    padding: 10px 25px;
}
body.borderBox #premiumBDContainer .resultsContainer #rightPremium.greyInnerBox .content
{
	width: 492px;
    height: 129px;
}
#premiumBDContainer .resultsContainer #rightPremium .heading
{
    font-size: 25px;
}
#premiumBDContainer .resultsContainer #rightPremium.greyInnerBox .body
{
    overflow: auto;
    height: 70px;
}
#premiumBDContainer .greyInnerBox .community
{
    background-image: URL('/images/pbd/community_PS.png');
    width: 213px;
    height: 34px;
    bottom: -32px;
    right: 20px;
    position: absolute;
    text-align: center;
    color: white;
    font-weight: bold;
    padding-top: 10px;
    font-size:16px;
}
body.borderBox #premiumBDContainer .greyInnerBox .community
{
	width:233px;
	height:44px;
}
#premiumBDContainer .greyInnerBox .community.Staff
{
    background-image: URL('/images/pbd/community_PP.png');
}
#premiumBDContainer .greyInnerBox .community.Community
{
    background-image: URL('/images/pbd/community_CP.png');
}

/*Single page view*/
#singlepbdDisplay #leftDiv
{
    float: left;
    width: 210px;
    margin: 0 10px;
    min-height: 590px;
    overflow: hidden;
    position: relative;
}

#singlepbdDisplay #leftDiv .logo
{
    position: absolute;
    bottom: 0px;
    left: 0;
    max-width: 100%;
}
#singlepbdDisplay #googleMap
{
    height: 275px;
}
#singlepbdDisplay #googleMapContainer
{
    position: absolute;
    bottom: 0;
    width: 100%;
}
#singlepbdDisplay #rightDiv
{
    overflow: hidden;
    position: relative;
    min-height: 590px;
    color: #595959;
    margin-right: 10px;
}
#singlepbdDisplay #header
{
    font-size: 20px;
}
#singlepbdDisplay .googleSpeechBubble
{
    font-size: 11px;
    position: relative;
}
#singlepbdDisplay #descContainer
{
    max-height: 305px;
    overflow: auto;
}
#singlepbdDisplay #fullDescContainer
{
	min-height:200px;
}

/*------------------------ transparent view - 1 ------------------------ */
body.mobile .transparentView .corner_top .header_container
{width:100%}
/* transparent so background image shows if no foreground image specified */
.transparentView #mainContent, .transparentView #mainContentTable .module { background-color: transparent; }
.transparentView #mainContent #mainContent
{
	background:none repeat scroll 0 0 transparent !important
}
.transparentView #mainContentTable #mainFooter { background-color: rgba(255,255,255,.7); }


.transparentView #mainContent,.transparentView #mainContent .printSnippetContainer{
 	background-color: rgba(255,255,255,.7);
	padding:10px;
}
body.mobile .transparentView #mainContent
{padding:0}
.transparentView #mainContent > div.action_main > div.module > div.borderLeft,
.transparentView #mainContent > div.action_main > div.module > div.borderLeft > div.borderRight,
.transparentView #mainFooter .borderLeft, 
.transparentView #mainFooter .borderRight,
.transparentView #mainFooter .footer_left, 
.transparentView #mainFooter .footer_right {
	background-image: none;
}


/* keep min-height to ensure nicer spacing */
/*.transparentView #mainContent > div > div > div > div > div > div > div > div > div.content{
 	min-height: 40em;
}*/
	/* hide "Home page" title for homepage */
	.transparentView #mainContent  .action_main  > div.highlighted {
		display: none;
	}
/* kill small spacing between menu and content */
/* gray content box for sidebars and footer */
.transparentView .corner_wrapper .content, 
.transparentView td.mainDivide tr > td {
	margin-top: 10px;
	background: rgb(240,240,240);
	background: rgba(240,240,240, 0.90);
	padding: 5px;
}


/* header showcase box for homepage */
/* dont think is used. to remove
.transparentView div.header_box{
	background-color: #214173; 
	padding: 15px; 
	background: rgb(13, 65, 125);
	background: rgba(13, 65, 125, 0.9);
	background-repeat: no-repeat;
	width: 70%;
	margin: 50px auto;
	position: relative;

}

	.transparentView div.header_box div.corner_bottom, div.header_box div.corner_top {
		position: absolute;
		height: 100px;
		width: 100px;
	}
		.transparentView div.header_box div.corner_top{
			background-image: url('/images/theme/corner_blue_top.png');
			right: -35px;
			top: -35px;
		}
		.transparentView div.header_box div.corner_bottom{
			background-image: url('/images/theme/corner_blue_bottom.png');
			left: -35px;
			bottom: -35px;
		}
//*/

/*---------------------- sidebar - 1 ---------------------- */

/* spacing above each module */
.transparentView div.sidebar > div > div.module > div > div {
	margin-top: 30px;
}

/* check */
.transparentView .sidebar .hasHeader .corner_wrapper {
	background-image: none;
}
.transparentView .sidebar .hasHeader .corner_wrapper .corner_wrapper .corner_top{
	display: none;
}
.transparentView .corner_top .header_container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0 0;
    padding: .4em 2em .4em .5em;
    vertical-align: baseline;
    z-index: 1;
    background-color: transparent;
    border:none;
}
.transparentView .corner_top .header_container:before {
    content: '';
    position: absolute;
    height: 1em;
    width: 1em;
    /* border: 1px solid red; */
    right: .2em;
    background-image: url(/images/theme/corner_alpha_top.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    bottom: .2em;
    background-size: cover;
}
.transparentView .corner_top .header_container:after {
    content: '';
    position: absolute;
    width: 1000%;
    height: 10000%;
    bottom: 0;
    background: rgb(0,73,140);
    transform-origin: bottom right;
    transform: rotate(-45deg);
    z-index: -1;
    right: 0;
    margin-right: -10em;
    margin-bottom: 11em;

}
.transparentView #quicklogin_container #quicklogin_header{
	*padding: 0px; /* IE 7 */
}
	.transparentView .header_container .titleSquares{
		display: none;
	}



/* page heading - 1*/
.transparentView .corner_header_wrapper{
	background-position: bottom left; 
	background-repeat: no-repeat;
	background-image: url('/images/theme/header/corner_blue_bottom.png');	

	margin-left: 20px;
	margin-top: 10px;
	padding-bottom: 11px;	
}
	.transparentView .corner_header_wrapper div {
		display: inline;
		padding: 5px;
		margin-left: 24px;
	}

	.transparentView .corner_header_top, .transparentView .corner_header_wrapper div.corner_header_top {
		display: inline; 
		position: relative; 
		background: transparent;
		background-position: top right; 
		background-repeat: no-repeat;
		background-image: url('/images/theme/header/corner_blue_top.png'); 
		
		padding-top: 15px;
		padding-right: 80px;
		padding-left: 96px;
		margin-left: -150px;
		
		*position: absolute; /* IE 7 */
	}

/* login box is on sidebar as well as in innercontainer if accessing restricted page */
.transparentView  #quicklogin_container{
	background: transparent;	
}


	.transparentView  .sidebar #quicklogin_container{
		margin: 0;	
	}

	/* login box that shows in main content if click link that requires login */
	.transparentView #quicklogin_container .content {
		margin-top: 1em;
	}
	/* remove gray container */
	.transparentView .sidebar #quicklogin_container .content {
		background: none;
	}

	.transparentView  .sidebar div#quicklogin_container{
		margin-top: -33px;
	}

	/* for manually specified header */
	.transparentView .sidebar .hasHeader .corner_wrapper  #quicklogin_container{
		margin-top: 1em;
	}
	.transparentView .sidebar .hasHeader  #quicklogin_container #quicklogin_header{
		display: none;
	}	
	
	.transparentView  #quicklogin_container #quicklogin_register_text{
		padding-top: 1em;
	}
	.transparentView .sidebar .hasHeader #quicklogin_container  #quicklogin_register_text{
		padding-top: 0em;
	}

/*------------------------ transparent view - 0 ------------------------ */

/*------------------------ twitter view - 1 ------------------------ */
ul.twitterList2 {
	list-style: none;
	margin: 0;
	padding: 0 10px;
}

	ul.twitterList2 li{
		margin-bottom: 2em;
	}
	
	ul.twitterList2 em.time{
		float: right;
		font-size: 9px;
		font-style: italic;
	}

	ul.twitterList2 .chat-bubble {
	  background-color:#FAFAFA;
	  border:2px solid #CCCCCC;
	  font-size:35px;
	  line-height:1.3em;
	  margin:10px auto;
	  padding:10px;
	  position:relative;
	  -moz-border-radius:7 px;
	  -webkit-border-radius: 7px;
	  border-radius: 7px;
	  box-shadow: 5px 5px 10px #888888;
	  -moz-box-shadow:5px 5px 10px #888888;
	  -webkit-box-shadow:5px 5px 10px #888888;
	}
	ul.twitterList2 .chat-bubble-arrow-border {
	  border-color: #CCCCCC transparent transparent transparent;
	  border-style: solid;
	  border-width: 10px;
	  height:0;
	  width:0;
	  position:absolute;
	  bottom:-22px;
	  left:30px;
	}
	ul.twitterList2 .chat-bubble-arrow {
	  border-color: #FAFAFA transparent transparent transparent;
	  border-style: solid;
	  border-width: 10px;
	  height:0;
	  width:0;
	  position:absolute;
	  bottom:-19px;
	  left:30px;
	}
/*------------------------ twitter view - 0 ------------------------ */



.forum tr.header{
/*	background-image:url('/images/bulletinGradient.png');
	background-repeat:repeat-y;
	background-color: #0071BD;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#0071BD', endColorstr='#181463');
	background: -webkit-gradient(linear, left top, right top, from(#0071BD), to(#181463));
	background: -moz-linear-gradient(left,  #0071BD,  #181463);
*/}
	.forum tr.header td, .forum tr.header td.header{
/*		background: transparent; 		*/
/*		background-color:transparent; 	*/
		height: 2em;
		font-size: 1.5em;
/*		vertical-align: middle;*/
		padding-left: 5px;
	}
	
	.forum tr.header td:first-child{
		border-radius: 5px 0 0 5px;
		-moz-border-radius: 5px 0 0 5px;
	}
	.forum tr.header td:last-child{
		border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
	}

.forum .col1{
	min-width: 250px;
}
.forum .subject{
	margin-bottom: 1em;
}

.forum tr.spacing{
	height: 1em;
}
	.forum tr.spacing td{
		background: transparent;
	}
	.forum tr.spacing hr{
		display:none;
	}
/* not exactly sure why this is here. remove me maybe? causes IE 7,8 extra space issue
.forum tr.data {
	min-height: 16em;
}
*/
.forum tr.data td.cell {
	font-family: HelveticaNeue-Light, Verdana;
	color: #333;
	font-size: 13px;
	min-height: 4em;
	background-color: #EFEFEF;

	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#DEE3DE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DEE3DE)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EFEFEF,  #DEE3DE); /* for firefox 3.6+ */ 
}
	.forum td.cell .replies {
		display: block;
		text-align: center;
		font-size: 2em;
		color: #293094;
	}
	.forum .date {
		color: #999;
		padding-bottom: 1em;
	}
	.forum .day{
		font-size: 1.2em;
		padding-right: 1em;
	}
	.forum.list .day {
		display: block;
	}
	.forum.list .date {
		display: inline;
		font-size: 1em;
		color: #999;
	}
	.forum .nameContainer{
		display: block;
		color: #999;
		font-size: 13px;
	}
	.forum .name{
		color:black;
		display: block;
		padding-top: 1em;
	}	


	.forum tr.data td:first-child{
		border-radius: 5px 0 0 5px;
		-moz-border-radius: 5px 0 0 5px;
	}
	.forum tr.data td:last-child{
		border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
	}

	.forum.list tr.data td .photo{
		margin-top: 0px;
	}
	.forum tr.data td .photo{
		float: left;
		width: 50px;
		margin-right: 1em;
		margin-top: 1em;
	}

	
.forum tr:first-child {
	
}
.forum>tr,.forum>tbody>tr {
	height: 4em;
}
.forum .Button[value=View],.forum .Button_over[value=View],.forum .Button[value=View]:hover,.forum .Button_over[value=View]:hover
{
	background-image:url('/images/clickToView.png');
	width:100px;
	height:62px;
	color:transparent;
	font-size: 0; /* IE8 doesnt do transparent text */
}
/* #newUserContainer fixes - 1 remove old borders, add spacing to fields. */

#newUserContainer div#moduleDivider div.footer_left, div#moduleDivider div.footer_right, div#moduleDivider div.header_right, div#moduleDivider.header_left {
        background-image: none;
}
#newUserContainer div#moduleDivider div.footer_left {
        background-color: #d3d3d4;
        background: none;
}
#newUserContainer  div#moduleDivider div.footer_right {
        height: 2px;
}

#newUserContainer .fieldContainer li {
        margin-bottom: 1em;
}

#newUserContainer .fieldContainer > ul {
        padding: 15px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #d3d3d4;
        background-color: #FBFBFB;
}

#newUserContainer .fieldContainer > ul {
        margin-top: 0.5em;
}

#newUserContainer h1 {
        font-size: 18px;
        color:#3A3A3A;
}
/* #newUserContainer fixes - 0s */


/*JQuery UI overrides*/
 .ui-autocomplete {
max-height: 400px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
.ui-table-format {
  max-width:100%;
  border-spacing:5px;
  border-collapse:separate;
  border:none;
}
body.mobile .ui-table-format {
  max-width:300px;
}
.ui-table-format td,.ui-table-format>div{
	padding:10px !important;
}

.ui-table-format th{
	padding:10px !important;
	border: 1px solid #AAAAAA;
	color: #222222;
	font-weight: bold;
	background-color:white;
}
.ui-table-format td:not(.ui-widget-header),.ui-table-format>div{
	background: none #F3F3F3;/*!important;*/
	color:black;
}
.ui-table-format td:not(.ui-widget-header) a,.ui-table-format>div a{
	color:#666;
}
.ui-table-format.nthRow tr:nth-child(odd) td:not(.ui-widget-header),
.ui-table-format.nthRow>div:nth-child(odd):not(.ui-widget-header),.ui-table-format.nthRow>li:nth-child(odd):not(.ui-widget-header){
	background: none #FCFCFC;
}
tr.dontContact, tr.dontContact td,.dontContact, .dontContact>*
{
    background-color: #FF8484 !important;
}
td.dc-selected
{
border-color:green;
}
/*end JQuery UI overrides*/
a.infoLink{
    display: inline-block;
    min-width: 16px;
    height: 16px;
    background-image: url(/images/info.png);
    background-repeat: no-repeat;
    margin-left: 3px;
    padding-left: 16px;
    font-size: 16px;
}
.pageTitle
{
	text-align:left;font-size:medium;
}
#tt {
 position:absolute;
 display:block;
 background:url(images/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(images/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666;
 color:#fff;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(images/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}
#searchResults
{
    background-color: white;
    border: 1px solid #EEEEEE;
    min-height: 636px;
    padding: 15px;
}
ul.bullMod li.bullMod 
{
cursor:default;
}
#enableDragDrop{
	z-index: 1;
}

.teamsContainer.first.audible{
	display: none;
}
/*Field Block styles*/
#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
.fieldBlockContainer #add_tab { cursor: pointer; }


/*input[type=text]:focus, textarea:focus, select:focus {
    border-color: rgba(110, 168, 8, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(110, 168, 8, 0.6);
    outline: 0 none;
}*/

/* fix login box on tipping page white, text on white background */
div#tippingComp #quicklogin_register_text, div#tippingComp #quicklogin_signin .formlabel{
	color: #000;
}

/* start custom twitter widget */

div#twitter-widget-custom
 {
     margin: 0px auto 5px;
     border: 1px solid #999999;
     width: 95%;
     height: 300px;
     overflow-x: hidden;
     overflow-y: scroll;
 }
		 
	div#twitter-widget-custom-logo
	 {
		width: 95%;
		height: 30px;
		margin: 0px;
		border-radius: 5px;
		padding: 5px 0px 0px 0px;
	}

	a.tweet-links
	 {
		font-size: 10px;
	}

	div#twitter-widget-custom div
	{
		height: 33px;
		background: #ccc;
	}
		#user-img
		{
			float: left;
		}
		div#twitter-widget-custom a#twitter-handle
		 {
			margin-left: 0px;
			font-size: 20px;
			margin-top: 0px;
			color: #004891;
			text-decoration: underline;
		}
		
	div#twitter-widget-custom p
	 {
		background: #999999;
		margin: 0;
		padding: 0;
	}
	div#twitter-widget-custom p.twitter-tweets
	{
		background: transparent;
		padding: 12px 10px;
		text-align: left;
	}
	div#twitter-widget-custom .twitter-footer-links {
		height: auto;
		padding: 3px;
		background-color: #ccc;
		font-size: 16px;
		text-align: right;
		padding-right: 10px;
		border-bottom: 1px solid #999;
	}
	div#twitter-widget-custom .social_feed p.twitter-tweets{
		background-position: 7px 7px;
		padding: 5px 5px 15px 30px;
		background-repeat: no-repeat;
	}
	div#twitter-widget-custom div.social_feed{
		background-color: transparent;
	}
	div#twitter-widget-custom .social_feed div.feed{
		height: auto;
	}	
	.social_feed ul {
		list-style-type: none;
		padding: 10px;
		background-color: #abaeb2;
	}
	.social_feed ul  .name{
		padding-left: 8px;
		font-size: 15px;
	}
	.social_feed > ul > li > a{
		display: block;
	}
	.social_feed a.date {
		display: block;
		text-align: right;
	}
		
	div#twitter-widget-custom .social_feed p.twitter-tweets.TWITTER{
		background-image: url('/images/icons/SNetworking/twitter_16.png');
	}
	div#twitter-widget-custom .social_feed p.twitter-tweets.FACEBOOK{
		background-image: url('/images/icons/SNetworking/facebook_16.png');
	}
	


/* end custom twitter widget */
.popupWindowPTLY{
    display: none;
}
.ptlyButton{
	padding: 6px 10px;
	border-radius: 5px;

	border: 1px solid #d3d3d3;
	background-color: #056839;
	color: white;
	font-weight: bold;
}
.ptlyButton:hover{
	border: 1px solid #999999;
	background-color: #0B9444;
}
.ptlyButton:active{
	background-color: #60A66B;
	color: #eee;
}
.ptlyButton:disabled{
	background-color: #dddddd;
	color: #999;
}
.ptlyButton:disabled:hover{
	border: 1px solid #ccc;
}
.ui-dialog{
	max-width:100%;
}
.ui-dialog-content{
	max-height:600px;overflow:auto
}
.ui-dropdownchecklist-item input[type=radio]{
	display:none
}
.ui-dropdownchecklist-item{
	padding:3px;
}
.ui-ptly-postbox{
	background-image: url('/images/icons/postbox.png') !important;
}
body.serverLocation_EU .ui-ptly-postbox{
	background-image: url('/images/icons/postboxBrit.png') !important;
}

/*Noty button styles*/
.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px 10px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: #E6E6E6;
}
.btn:active, .btn.active {
}
.btn:first-child {
}
.btn:hover {
    background-color: #E6E6E6;
    background-position: 0 -15px;
    color: #333333;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}
.btn:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}
.btn.active, .btn:active {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}
.btn.disabled, .btn[disabled] {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}
.btn-large {
    border-radius: 5px;
    font-size: 15px;
    line-height: normal;
    padding: 9px 14px;
}
.btn-large [class^="icon-"] {
    margin-top: 1px;
}
.btn-small {
    font-size: 11px;
    line-height: 16px;
    padding: 5px 9px;
}
.btn-small [class^="icon-"] {
    margin-top: -1px;
}
.btn-mini {
    font-size: 11px;
    line-height: 14px;
    padding: 2px 6px;
}
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
    background-color: #0074CC;
    background-image: -moz-linear-gradient(center top , #0088CC, #0055CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #0055CC;
}
.btn-primary:active, .btn-primary.active {
}
.btn-warning {
    background-color: #FAA732;
    background-image: -moz-linear-gradient(center top , #FBB450, #F89406);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    background-color: #F89406;
}
.btn-warning:active, .btn-warning.active {
}
.btn-danger {
    background-color: #DA4F49;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #BD362F);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    background-color: #BD362F;
}
.btn-danger:active, .btn-danger.active {
}
.btn-success {
    background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top , #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    background-color: #51A351;
}
.btn-success:active, .btn-success.active {
}
.btn-info {
    background-color: #49AFCD;
    background-image: -moz-linear-gradient(center top , #5BC0DE, #2F96B4);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-color: #2F96B4;
}
.btn-info:active, .btn-info.active {
}
.btn-inverse {
    background-color: #414141;
    background-image: -moz-linear-gradient(center top , #555555, #222222);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #222222;
}
.btn-inverse:active, .btn-inverse.active {
}
button.btn, input.btn[type="submit"] {
}
button.btn::-moz-focus-inner, input.btn[type="submit"]::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
button.btn.btn-large, input.btn.btn-large[type="submit"] {
}
button.btn.btn-small, input.btn.btn-small[type="submit"] {
}
button.btn.btn-mini, input.btn.btn-mini[type="submit"] {
}

/*Mobile display*/
@media (max-width: 999px){
	#menuContainer,#mainFullPageContainerDiv,#mainContentTable,#headerContainer { width: 100% !important; }
}
@media (min-width: 1000px){
	body        .desktopFullwidth { width: 1000px; } /* for forcing full page width */
	body.widerContainer        .desktopFullwidth { width: 1200px; } /* for forcing full page width */
	body        .desktopFullwidth.withPadding { width: 970px; } /*  for homepage modules. less than 1000 due to padding */
}

body.mobile #headerContainer
{
	overflow:hidden;
}
body.mobile #headerContainer img {
	max-width: 100%;
}

#mainContentData>li
{
	float:left;
	min-height: 1px;
}
body.mobile #mainContentData>li
{
	overflow:hidden;
}
#mainContentData>li#mod1>div{width:646px;max-width:100%}
#mainContentData>li#mod3>div{width:646px;max-width:100%}

.widerContainer #mainContentData>li#mod1>div{width:835px;max-width:100%}
.widerContainer #mainContentData>li#mod3>div{width:835px;max-width:100%}

body.mobile #mainContentData>li#mod1>div{width:inherit}
body.mobile #mainContentData>li#mod3>div{width:inherit}


.clear  { clear: both; }
.clearLeft  { clear: left; }
.clearRight  { clear: right; }

body        .floatLeftDesktop{ float: left;  }
body.mobile .floatLeftDesktop{ float: inherit; }
body        .floatRightDesktop{ float: right;  }
body.mobile .floatRightDesktop{ float: inherit; }
body.mobile .desktopFullwidth { width: inherit;}

/* hide on desktop & show on mobile */
body        .showOnMobileOnly{ display: none;  visibility:hidden }
body.mobile .showOnMobileOnly{ display: inherit; visibility:inherit }
body.mobile .showOnMobileOnly.toggle{ display: none; visibility:hidden}

body        .hideOnMobileOnly{ display: inherit; visibility:inherit}
body.mobile .hideOnMobileOnly{ display: none; visibility:hidden   }
body.mobile .hideOnMobileOnly.toggle{ display: inherit; visibility:inherit}
body.desktop .Showonmobileonly{
display:none;
visibility:hidden
}
body.mobile .Hideonmobile{
display:none;
visibility:hidden
}

#mainContentData.gridLayout #mod2
{float:right}
#mainContentData.gridLayout #mod4,#mainContentData.gridLayout #mod6
{clear:left}
#mainContentData.gridLayout #mod5,#mainContentData.gridLayout #mod7
{margin-left:20px}
.mobile #mainContentData.gridLayout>li
{float:inherit !important} 
.mobile #mainContentData.gridLayout>li,.mobile #modulefullPage{
	max-width:100%;
	width:100% !important;
	overflow:auto;
}
.mainPage>.bx-wrapper .bx-pager
{
	position:fixed;
	bottom:50px;
}
.mainPage>.bx-wrapper .bx-controls-direction a
{
	position:fixed;
	top:inherit;
	bottom:40px; 
}
#mainFooter{
	max-width:1000px;
	width:100%;
	overflow:hidden;
}
body.widerContainer #mainFooter{
	max-width:1200px;
}
/*Vertical menu overrides*/
/*.desktop .verticalMenu#mainFullPageContainerDiv,.desktop .verticalMenu #BGslideshow{
	margin:0 0 0 250px;
} */
.desktop .verticalMenu #headerContainer{
	position: absolute;
	left: 0;
	width:230px;
}
/*.desktop .verticalMenu #mainContentData{
	padding-top: 500px
}*/
.desktop .verticalMenu #outerMenuContainer{
	position: absolute;
	width:250px;
	margin-left:-250px;
	height: 100%;
	top:0;
}
#outerMenuContainer{
	z-index:200;
}
.desktop .verticalMenu #outerMenuContainer ul.slimmenu{ /*only for primary menu*/
	position: absolute;
	left: 40px;
	top: 300px;
	width: 200px;
	background-image:none !important;
}
.desktop .verticalMenu ul.slimmenu>li{
	clear:both;
	width:100%;
}
.desktop .verticalMenu ul.slimmenu > li > div {
    background-image: none;
}
.desktop .verticalMenu ul.slimmenu>li>ul{
	margin-left:200px;
	margin-top:-50px;
}
.desktop .verticalMenu.verticalSubmenu ul.slimmenu>li>ul{
    margin-left:0px;
    margin-top:0px;
}
.desktop .verticalMenu.verticalSubmenu ul.slimmenu>li>ul>li:hover>ul{
	display: block;
    position: absolute;
}
.desktop .verticalMenu.verticalSubmenu ul.slimmenu li > ul{
    position: static;
}

.verticalMenu ul.slimmenu li > ul *{
	z-index:999;
}
body.desktop .menu.fullWidthSubmenu{
	position: inherit;
}
body.desktop .menu.fullWidthSubmenu>ul{
	width:100%;
	padding-bottom:10px;
}
body.desktop .menu.fullWidthSubmenu>ul>li{
	width:20%; /*needs to be calculated*/
	float:left;
	position:initial;
}
body.desktop .menu.fullWidthSubmenu>ul>li>ul{
	background-color: #000;
    display: inline-block;
    position: relative;
    left: 0;
    width: 100%;
    max-width:400px;
}
body.desktop .menuContainer .menu.fullWidthSubmenu> ul  > li > div:after {
	content: ''; 
}
#mainContent{
	position:relative;
/*	overflow:hidden; so we can see the icons for content editing*/ 
}
#FGslideshowContainer{
	width:100%;
	height:100%;
	position:absolute;
        z-index:0;
}
#BGslideshowContainer{
	width:100%;
	height:100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index:-9999;
}
.desktop .verticalMenu #BGslideshowContainer{
	margin-left:125px;
}
#headerSlideshowContainer{
	width:100%;
	height:100%;
	position: relative;
	/* z-index:-1; /* not sure why this is here but causes safari OSX to not show carousel */ 
	box-sizing:border-box;
}
#headerSlideshow{
	position: absolute;
	z-index: 1;
}
.cycle-loading
{
/*    margin: 250px 45%;*/
    background: url('/images/PTLYloadingBar.gif') no-repeat scroll 0 0 transparent;
    background-position:45% 45%;
}
#BGslideshow{
        min-height: 100%;
        min-width: 1024px;
        height: auto;
        z-index:-9999;
	overflow:hidden;
}
#FGslideshow{
        height: 100%;
	overflow:hidden;
}
.verticalMenu #mainContentTable #mainContent
{
	background-color:transparent !important;
}
.verticalMenu #mainContent>.contentContainer
{
	background-color:rgb(240,240,240) !important;
	background-color:rgba(240,240,240, 0.90) !important;
}
.verticalMenu #mainContent>.contentContainer.action_,.verticalMenu #mainContent>.contentContainer.action_main,.verticalMenu #mainContent>.contentContainer.action_main_page,
.transparentView #mainContent>.contentContainer.action_,.transparentView #mainContent>.contentContainer.action_main,.transparentView #mainContent>.contentContainer.action_main_page
{
	background-color:transparent !important;
}
.verticalMenu #mainContent .borderLeft,.verticalMenu #mainContent .borderRight
{
	background-image: none;
}
.verticalMenu #underMenuContainer{
	position:fixed;
	left:-230px;bottom:20px;
	text-align:left;
	width:210px;
}
body.mobile .verticalMenu #underMenuContainer{
	display:none; 
}
body.mobile #mobileContentContainer
{
	max-width:100%;
/*	overflow:auto;*/
}
.verticalMenu #underMenuContainer #quicklogin_container{
	background-color:white;
	margin:0 0 20px 0;
}

#mainFullPageContainerDiv.transparentView .bx-wrapper .bx-viewport
{
    background: transparent;
    border: 5px solid transparent;
}

.campaign.main div#fundraisingContainer{
display:table;
width: 100%;
}

.campaign.main div#leaderboards{
max-width:524px;
}

.campaign.main div#leaderboards div.greyContainer
{
	clear: none;
}


.campaign.main div#leaderboards ul.ui-helper-clearfix:after { }
.campaign.main div#leaderboards ul.ui-helper-clearfix {
        overflow: hidden; /* or auto */
        zoom: 1; /* required for ie hasLayout */
}



.campaign.sidebar
{
    clear:none;
    float:right;
    width:330px;
    margin:0 10px;
/*    overflow:hidden;*/
    position:relative;
/*    top: -2em;*/
}
.campaign.main{

    margin:0 10px;    
}
.mobile .campaign.sidebar
{
    top: 0;
    float:none;
}
#thermometerDisplay
{
    margin-left:140px;
    width:200px;
    position:absolute;
    top:70px;
}

.ui-multiselect-filter,.ui-multiselect-filter input{
	max-width:100%;
}
button.ui-multiselect{
	padding:8px;
}
.ui-front {
    z-index: 1500;
}
#mainFullPageContainerDiv.transparentView.verticalMenu #mainFooter{
	display:none;
}
#underMenuContainer #privacyStatement{
	display:none;
}
#mainFullPageContainerDiv.transparentView.verticalMenu #underMenuContainer #privacyStatement{
	display:block;
	background-color: rgba(255,255,255,1);
	padding: 5px;
	margin-top:20px;
	border-radius: 10px;
}
.ui-icon.event {
    background-image: url(/images/icons/payment-event.png) !important;
}
.ui-icon.donation {
    background-image: url(/images/icons/payment-donation.png) !important;
}
.ui-icon.merchandise {
    background-image: url(/images/icons/payment-merchandise.png) !important;
}
#profileIcons .ui-icon{
	margin:2px 3px;
}
.tippingTableContents .ui-state-active {
	border: 1px solid #888 !important;
}
.ilightbox-holder.dark{
	background-color:white !important;
}
.ilightbox-container
{
	padding:3px !important;
}

.adminModHighlight
{
	background-color:#F3F3F3;
	border:1px solid #CCC;
}
img.blur
{	
filter: blur(10px); 
-webkit-filter: blur(10px); 
-moz-filter: blur(10px);
-o-filter: blur(10px); 
-ms-filter: blur(10px);
filter: url(/images/blur.svg#blur); 
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='30');
}
.LS_Container #readMore
{
	/* top:370px;
	left:20px; */
	top: auto; bottom: 20px;
	left:auto;
	right:20px;
	padding:3px 10px;
	display:inline-block;
	font-size:20px;
	color:#000;
	background-color:white;
	background-color:rgba(255,255,255,.6);
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;	
	
}
.LS_Container #date
{
	/* top:370px;
	left:65%; */
	top: auto; bottom: 20px;
	left:20px; 
	padding:3px 10px;
	width:220px;
	font-size:12px;color:#000;
	background-color:white;
	background-color:rgba(255,255,255,.6);
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;	
}
.LS_Container #subject{
	padding:10px;
	max-height:60px;
	width:45%;
	overflow:hidden;
	top:30px;
	left:50%;
	font-size:20px;
	font-weight:bold;
	color:#333;
	background-color:white;
	background-color:rgba(255,255,255,.6);
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;	
}
.LS_Container #message{
	padding:10px;
	max-height:200px;
	overflow:hidden;
	top:120px;
	left:50%;
	width:45%;
	font-size:15px;
	color:#000;
	background-color:white;
	background-color:rgba(255,255,255,.6);
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;	
}
#mainContentData .LS_Container #image1{
	max-height:none;
	width:40%;
}
.LS_Container #image1{
	max-height:75%;
	top:5%;
	left:20px;
	white-space: nowrap;
	border:8px solid white !important;
}
.mobile .LS_Container #subject{
	max-height:65px;
	width:80%;
	top:65%;
	left:20px;
	font-size:20px;
}
.mobile .LS_Container #image1{
	width:70%;
	top:5%;
	left:10%;
}
.mobile .LS_Container #message{
	display:none
}
.mobile .LS_Container #readMore
{
	top:355px;
	left:10px; 
	width:60px;
	font-size:14px;
}
.mobile img{
max-width:100%;
}
.mobile .LS_Container #date
{
	top:355px;left:75%;width:70px;font-size:12px;
}

.emailConfirm
{
	width: 20em;
}
/* iLightBox overrides*/
/* position button icons. do in JS alumni.js
.ilightbox-toolbar.parade {
	left: auto !important;
	right:10px !important;
}*/
.ilightbox-toolbar.parade a {
	background-color: #000 !important;
}
.ilightbox-toolbar.parade a.ilightbox-play {
	background-position: 8px -55px !important;
}

.ilightbox-toolbar.parade a.ilightbox-play:hover {
	background-position: -30px -55px !important;
}

.ilightbox-toolbar.parade a.ilightbox-pause {
	background-position: 8px -81px !important;
}

.ilightbox-toolbar.parade a.ilightbox-pause:hover {
	background-position: -30px -81px !important;
}
nav#adminC.main-menu #style-1 ul ul{
margin-left:55px;
}
.main-menu .settings {
  height:73px; 
  float:left;
  background:url( /images/PTLYAdminLogo.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  opacity:1;
  width:250px;
  margin:0px;
 text-align: center;
font-size:20px;
font-family: 'Strait', sans-serif;
}
body.isWCBS .main-menu .settings {
  background:url( /images/WCBSAdminLogo.png);
  background-size: contain;
  background-repeat: no-repeat;
}
/* ScrolBar  */
.main-menu .scrollbar
{
height: 90%;
width: 100%;
overflow-y: hidden;
overflow-x: hidden;
}
.main-menu .scrollbar:hover
{
height: 90%;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
/* Scrollbar Style */ 
.main-menu #style-1::-webkit-scrollbar-track
{
border-radius: 2px;
}
.main-menu #style-1::-webkit-scrollbar
{
width: 5px;
background-color: #F7F7F7;
}
.main-menu #style-1::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #BFBFBF;
}
/* Scrollbar End */ 
.fa-lg {
font-size: 1em;
}
.main-menu .fa {
position: relative;
display: table-cell;
width: 55px;
height: 36px;
text-align: center;
top:12px; 
font-size:20px;
}
.mobile .main-menu {
height:100px;
}
.main-menu:hover, nav.main-menu.expanded {
width:250px;
overflow:hidden;
opacity:1;
height:100%;
}
.main-menu {
background:#F7F7F7;
position:fixed;
top:0;
bottom:0;
height:100%;
left:0;
width:55px;
overflow:hidden;
-webkit-transition:width .2s linear;
transition:width .2s linear;
-webkit-transform:translateZ(0) scale(1,1);
box-shadow: 1px 0 15px rgba(0, 0, 0, 0.07);
  opacity:.5;
z-index:1300;
/*z-index:1900;*/
}
.main-menu>ul {
margin:7px 0;
}
.main-menu li {
position:relative;
display:block;
width:250px;
font-size:11px
}
.main-menu li ul li {
width:initial;
}
.main-menu .rotate45{
  opacity:.5; 
}
.rotate45 { 
    -ms-transform: rotate(45deg) !important; /* IE 9 */
    -webkit-transform: rotate(45deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(45deg) !important;
}
.main-menu ul ul a{
/*	padding:3px 5px*/
}
.main-menu li>a {
	color:#2F79BB;
	position:relative;
	width:255px;
	display:block;
	border-collapse:collapse;
	border-spacing:0;
	font-size: 11px;
	text-decoration:none;
	-webkit-transform:translateZ(0) scale(1,1);
	-webkit-transition:all .14s linear;
	transition:all .14s linear;
	font-family: 'Strait', sans-serif;
	border-top:1px solid #f2f2f2;
	font-weight:normal;
	text-shadow: 1px 1px 1px  #fff;  
}
.main-menu li .fa-lg{
	transition:all .14s linear;
}
.main-menu li:hover .fa-lg{
	font-size:25px
}
.main-menu li:hover li>a{
	font-size:13px;
	padding:2px 5px;
} 
.main-menu .nav-icon {
position:relative;
display:table-cell;
width:55px;
height:36px;
text-align:center;
vertical-align:middle;
font-size:18px;
}
.main-menu .nav-heading  {
position:relative;
display:table-cell;
vertical-align:middle;
width:190px;
font-family: 'Titillium Web', sans-serif;
font-size:1.5em;
}
.main-menu .share {
}
.main-menu .fb-like {
left: 180px;
position:absolute;
top: 15px;
}
.main-menu>ul.logout {
position:absolute;
left:0;
bottom:0;
}
.no-touch .scrollable.hover {
overflow-y:hidden;
}
.no-touch .scrollable.hover:hover {
overflow-y:auto;
overflow:visible;
}
/* Logo Hover Property */
/*.settings:hover, settings:focus {   
  background:url( /images/PTLYAdminLogo.png);
  -webkit-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
-moz-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
-o-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0; 
}*/
.settings:active, settings:focus {   
  background:url( /images/PTLYAdminLogo.png);
  -webkit-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
-moz-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
-o-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0; 
}
a:hover,a:focus {
text-decoration:none;
border-left:0px solid #F7F7F7;
}
nav#adminC {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}
nav#adminC #style-1 ul,nav#adminC #style-1 li {
outline:0;
margin:0;
padding:0;
/*text-transform: uppercase;*/
}
/* Darker element side menu Start*/
.darkerli
{
background-color:#ededed;
text-transform:capitalize;  
}
.darkerlishadow
{
background-color:#ededed;
text-transform:capitalize;  
-webkit-box-shadow: inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
box-shadow:         inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
}
.darkerlishadowdown
{
background-color:#ededed;
text-transform:capitalize;  
-webkit-box-shadow: inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
box-shadow:         inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
}
/* Darker element side menu End*/
.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
color:#fff;
background-color:#3b66a8;
text-shadow: 0px 0px 0px; 
}
.area {
float: left;
background: #e2e2e2;
width: 100%;
height: 100%;
}
/*@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
}*/
#contentLoading #secureLock
{
	display:none;
	width:45px;
}
#contentLoading.secure #secureLock
{
	display:inline;
}
.verticalMenu #editMenu{
	left:190px;
}

.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
.followPostError{
color: #5ca2d5;font-family: monospace;font-size: 15pt;font-weight: 600;width: 5%;
}
.followPost{
cursor: pointer;width: 5%;
}
.unFollowPost{
cursor: pointer;width: 5%;
}
.totalFollowsF{
color: #5ca2d5;font-family: monospace;font-size: 16pt;font-weight: 600;
}
.totalFollowsUF
{
color: #5ca2d5;font-family: monospace;font-size: 16pt;font-weight: 600;
}
#followText{
color: #5ca2d5;font-family: monospace;font-size: medium;font-weight: 600;
}
#unFollowText
{
color: #5ca2d5;font-family: monospace;font-size: medium;font-weight: 600;
}
.ilightbox-wrapper{
	-webkit-user-select: initial;
	-moz-user-select: -moz-initial;
	-khtml-user-select: initial;
	-o-user-select: initial;
	user-select: initial;
}
.eventContainer>div{
	overflow:hidden;
}
.action_printSnippet .innerMainContent{
	padding:20px;
}

/* add a glyph to the menu */
.menuContainer .menu > ul  > li > div:after{
	content: '\00bb';
	float: right;
}

.menuContainer .menu > ul  > li > div:only-child:after {
	content: ''; 
}


.select2-container{
/*	z-index:1350;*/
	line-height:1.6;
}
/* removed because it caused an extra drop down icon, might have been a fix for an old version
.select2-selection{
	overflow:auto;
	max-height:300px;
}*/
.ilightbox-wrapper .select2-container{
	z-index:2010;
}

#giftAidWizard.wizard > .steps > ul > li{
width:20%;
}
#campaignDescription .editableSnippet .alert{
	clear:none;
}
#autocomplete_choices,#autocomplete_choices div,#autocomplete_choices li{
	color:black !important;
}
.profileIcons i{
    vertical-align: top;
    line-height: 21px;
    display:inline-block;
    width:16px;height:16px;
    margin-right:3px;
    margin-top:0 !important;
    background-repeat:no-repeat;
}
/*.profileIcons i:hover{
	font-size:25px;
	width:25px;
}
.profileIcons span:hover{
    height: 23px;
    width: 23px;
    background-size: cover;
}*/
.ui-menu .profileIcons .ui-icon{
	position:relative;
	width:20px;
}
.profileIcons *:after{
    content: " ";
}
.profileIcons .fa-star{
color:orange;
}
.profileIcons .fa-exclamation{
color:red;
}
.profileIcons .fa-xlg{
	font-size:25px;
	width:25px;
}
.shadedBG{
	background-color:rgba(0, 0, 0, .08);
}
#contentOverlay{
	cursor:pointer;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:white;
	position:absolute;
	z-index:-1;
}
.ui-table-format>div.eventContainer {
    background: none #FCFCFC;
    margin: 10px 0;
    border: 1px solid #CCC;
}
.xgridContainer i.notIncluded{
	display:none;
	font-size:1.5em;
	position:absolute;
}
.xgridContainer i.included{
	font-size:1.5em;
	position:absolute;
}
.xgridContainer td[bgcolor="#ff8989"] i.notIncluded{
	display:block;
}
.xgridContainer td[bgcolor="#ff8989"] i.included{
	display:none;
}
#furtherEmailAdminOptions>div{
/*
	float:left;
	width:200px;
*/	padding:10px 0;
}
#furtherEmailAdminOptions select{
	max-width:300px;
}

.halfWidth{
	float:left;
	width:48%;
	padding-right:1%;
}
textarea.autogrow{
	height:2em;
	width:500px;
	max-width:100%;
	min-height:inherit;
}
.eventsContainer .questionContainer{
    border: 1px solid #C5C5C5;
    float: left;
    padding: 10px;
    margin: 0 1% 10px 0;
    width:32%;
}
.eventsContainer .questionContainer:nth-child(3n+1){
	clear:both;
}
#loginButtons {
	max-width:280px;
	margin:10px;
}
#loginButtons button{
 cursor:pointer;font-size:16px;border-radius:5px;padding:5px;width:100%;margin:5px 0;
    text-align: left;
    padding-left: 30px;
}
#loginButtons i{
 float:right;
 font-size:1.3em;
}
#loginButtons #emailLogin{
 background-color:white;color:black;border:grey solid 1px;
}
#loginButtons #FBLogin{
 background-color:#3b5998;color:white;border:none;border:#3b5998 solid 1px;
}
#loginButtons #linkedInLogin{
 background-color:#0077b5;color:white;border:none;border:#3b5998 solid 1px;
}



body.fullWidth #mainFullPageContainerDiv {
width: 100%;
}

body.fullWidth #menuNav {
width: 100%;
}




.fullWidth #mainFooter { 
max-width: 100%;
width: 100%;
}
.fullWidth #headerContainer { width: 100%;
}
#editMenu{
	padding:2px 4px;z-index:600;position:absolute;margin-left:-65px;
}
.fullWidth #menuContainer #editMenu{
	margin-left:40px;
}
.fullWidth .alert.editModules{
margin-left:50px;
}
.specialContainer{
	background:#eeeeee;
	border:1px solid #cccccc;
	padding:5px 10px;
}
body.borderBox .tippingTab{
    height: 34px;
	    width: 167px;
}
body.borderBox #leaderboard .tippingTab{
height: 34px;
width: 133px;
}

body.borderBox .tippingTeamContainer{
width:110px !important;
}

@media screen and (max-width: 640px) {
	table {
		overflow-x: auto;
		display: block;
	}
}
body.mobile .verticalMenu #outerMenuContainer
{
	position:absolute;
}

/*social media feed Twitter and Facebook combined classes*/

div#twitter-widget-custom div.social_feed{
	height: auto;
    background: none;
    background-repeat: no-repeat;
}

div#twitter-widget-custom div.social_feed div{
height:auto;
background: none;
    background-repeat: no-repeat;
}
div#twitter-widget-custom div.feed_container{
height: 1000px;
    width: 100%;
    overflow: hidden;
}

div#twitter-widget-custom div.feed_container div.feed{
    height: 100%;
    width: 100%;
    
    overflow-y: auto;
    overflow-x: hidden;
	    background-color: white;
}

.social_feed .FeedItem #TimeSincePosted {
    float: right;
    margin-right: 31px;
    margin-top: 29px;
}
div#twitter-widget-custom .social_feed p.twitter-tweets.TWITTER, div#twitter-widget-custom .social_feed p.twitter-tweets.FACEBOOK {
    background-image: none;
    float: left;
    width: 270px;
    margin-left: 2px;
    text-align: justify;
}


div#twitter-widget-custom .social_feed .twitter-footer-links {    
    border-bottom: none;    
}

.social_feed ul {
	border-radius: 5px / 4px;
	background-color: #EAEBEC;
	box-shadow: 0px 1px 0px #707077;
	margin-bottom:1px;
	color: #8a8d8f;
}
/* sidebar header color */
.social_feed ul .name {
	color: #8a8d8f;
}

.social_feed div.feed{background-color:transparent;}



.social_feed .fbImage{
	background-image: url('/images/socialmedia/facebook_16.png') !important;
    background-repeat: no-repeat;
	float:left;
	width: 27px;
    margin-top: 9px;
    margin-left: 0px;
    height: 26px !important;
}
.social_feed .TwiiterImage{
	background-image: url('/images/socialmedia/twitter_16.png') !important;
    background-repeat: no-repeat;
	float:left;
	width: 27px;
    margin-top: 4px;
    margin-left: 0px;
    height: 26px !important;
}

.social_feed .twitterUserImage img{
margin-left:8px;
}
.social_feed .fbUserImage img{
float:left;
margin-top:1px;
}
.social_feed .SocialAccName{
float:left;
margin-left: 3px;
margin-top: 12px;
}

.social_feed  .fb-footer-links{
float:left;
height:auto;
margin-left: 30px;
margin-bottom: 10px;
}



.social_feed .FeedItem{
float:left;
border-bottom: 1px solid #b20738;
}

.social_feed .twitter-footer-links .tweet-links #text{
display:none;
}
.social_feed .twitter-footer-links .tweet-links img{
display:inline !important;
height: 18px;
margin-bottom: -5px;
}

.social_feed .twitter-footer-links{
background-color:transparent;
float:left;
border-bottom:none;
margin-left: 30px;
margin-bottom: 5px;
}
.liFieldEdit .fa.fa-lock{
	color:red;
}
.liFieldEdit .fa.fa-unlock{
	color:green;
}
/*hide send to server becauase we can't install the the new ckfinder because the license has changed to "per domain"*/
.cke_dialog_body .cke_dialog_tab[title=Upload]
{
	display:none;
}
.select2DropDown{
	min-width:300px !important;
}
#menuOptions #showTo{
	max-height:100px;
	overflow:auto;
}
.mainPage .contentBuilder{
	padding:15px;
}
#tableNamesContainer>ul{
	background-image: url('/images/SeatingTable.png');
	background-size:100% 100%;
	min-height:200px;
	width: 200px;
	padding: 28px;
	margin: 5px 5px 0 0;
	display:inline-block;
	vertical-align:top;
}
#tableNamesContainer>ul#tableNames__Unallocated{
	border:1px solid black;
	background-image:none;
}
#savedStepsContainer .fa-trash-o.delete{
display:none;
}
.editableSnippet.hasContentBuilder .moduleContainer:after{
	text-align:center;
	content:"Modules can be added here once you have finished editing";
	font-size:20px;
}
#secondaryMenuContainer nav li{
padding-left:5px;
}
div.gridbox {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}