.hidden { display:none; }
.floatLeft { float:left; }
.floatRight { float:right; }
.margin { width:980px; margin:0 auto; clear:both; overflow:hidden; padding:10px 0px; }

.padding {margin:20px;}
.clear {clear:both;overflow:hidden;}
.center{
	text-align:center;
}
.transparent{
	 background:url(/img/transparent.png) repeat;
}

iframe{
	border:none;
}
#ui-datepicker-div {
	z-index:7000;
}
.pointer{
	cursor:pointer;
}

.move-cursor {
	cursor:move;
}

html{
	height:100%;
}
body {
	margin:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	background:url(/img/bodyback.png) repeat;
	height:100%;
}

form label{
	position:relative;
}

#roster-back{
	background:url(/img/wood.jpg) repeat;
	background-attachment:fixed;
	padding-top:49px;
	clear:both;
	width:100%;
}

div#header{
	top:0;
	left:0;
	padding:0;
	z-index:40;
	width:100%;
	background:#bb2e2e url(/img/header-back.png) top center no-repeat;
	clear:both;
	float:left;
}

div#header .margin{
	overflow:visible;
	padding:0px;
	z-index:100;
	height:60px;
}

div#content {
	margin-top:1px;
}

* html body{
	overflow:hidden;
}

#table-container{
	margin-top:0px;
	padding-bottom:20px;
	margin-bottom:20px;
	margin:20px;
}

#secondary-nav li{
	margin-left:15px;
	float:left;
	list-style:none;
}
#secondary-nav a{
	color:white;
	font-size:13px;
	text-decoration:underline;
}

#page-title{
	float:left;
	padding-top:11px;
}
#page-header h2{
	color:white !important;
	font-size:18px !important;
	float:left;
	font-weight:normal;
	margin-bottom:0px;
	padding-top:3px;
	line-height:22px;
}
#page-header {
	background:#2a2a2a url(/img/navback.png) repeat-x top !important;
	border-bottom:1px solid black;
	width:100%;
	height:50px;
	overflow:hidden;
	clear:both;
}

#header #page-header .margin{
	padding:0px;
}

#page-header #secondary-nav{
	float:right;
	position:relative;
	top:17px;
}

#logo{
	color:#900707;
	float:left;
}

#logout{
	float:right;
	margin-left:20px;
	margin-top:20px;
}

#logout a{
	font-size:14px;
}

#logout.affiliate-logout a{
	color:white;
}

#logo h2{
	float:left;
	font-size:26px;
	font-weight:bold;
	text-shadow:#cf6a6a 0px 1px 0px;
	width:203px;
	height:50px;
	background:url(/img/justrosters_logo.png) no-repeat center left;
	margin:5px 0px;
}

/*********************************************FORMS******************************************/

input[type=text]{
	border:1px solid #ddd;
}

input[type=radio,checkbox]{
	border:none;
}

.border-top{
	width:auto;
	background:url(/img/qtip/border.png) repeat-x top;
	padding-top:15px;
	margin-top:10px;
}
.border-bottom{
	width:auto;
	background:url(/img/qtip/border.png) repeat-x bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}

fieldset.pref-fieldset{
	background:#f2f2f2;
	border:2px solid #e3e3e3;
	padding:15px;
	margin:5px 5px 0px 5px;
}

fieldset.pref-fieldset h1{
	color:black;
}

fieldset.pref-fieldset h1 span.field-title{
	color:#909090;
	font-size:16px;
	display:block;
	font-weight:normal;
}

fieldset.pref-fieldset div.field{
	width:661px;
	clear:both;
	overflow:hidden;
}

fieldset.pref-fieldset div.field.text input{
	width:632px;
	padding:8px;
}

fieldset.pref-fieldset div.field div.subfield div.input{
	margin-bottom:10px;
	float:left;
}

fieldset.pref-fieldset div.big-text{
	border:1px solid #e3e3e3;
	padding:10px;
	clear:both;
	overflow:hidden;
}

fieldset.pref-fieldset div.field.small-text input{
	width:110px !important;
	display:inline !important;
}
div.subfield input.small-text{
	width:110px !important;
	display:block !important;
	float:left;
	clear:both;
	overflow:hidden;
}
fieldset.pref-fieldset div.field.small-text span{
	color:#a8a8a3;
	font-size:12px;
	font-weight:normal;
	font-style:italic;	
}

div.field label input{
	border:none !important;
}

div.field.radio input, div.field.checkboxes input{
	border:none;
}

div.field.radio div.field.text input, div.field.checkboxes div.field.text input{
	border:1px solid #C5C5C5;
}

div.big-radio{
	background:#e8e8e8;
	padding:15px 10px;
	clear:both;
	overflow:hidden;
	margin-top:5px;
}

div.field div.big-radio input, div.field div.subfield input{
	display:block !important;
	float:left;
	width:auto;
	margin:0px 5px 0px 0px;
}

div.big-radio input, div.subfield .input.radio input{
	width:10px;
}

div.field.radio input.hasDatepicker{
	padding:5px;
	width:94%;
}

.input.text label{
	float:none;
	display:block;
}


div.big-radio input, div.subfield .input.text input{
	width:582px;
}

div.big-radio .input.radio{
	float:left;
}

div.field div.big-radio label, div.field div.subfield label{
	display:block;
	float:left;
	margin:0;
	margin-right:10px;
	width:auto;
	position:relative;
	padding-bottom:0px;
}

div.subfield{
	background:white;
	border-left:1px solid #E8E8E8;
	padding:15px 25px;
	clear:both;
	overflow:hidden;
}

div.subfield input.text{
	clear:both;
	overflow:hidden;
	margin-top:5px;
}

div.subfield div.field{
	width:616px;
}

div.field div.subfield div.field img.tooltip-help{
	float:right;
}

span.radio-description{
	float:right;
	width:505px;
	border-left:1px solid silver;
	padding-left:10px;
}

span.fdescription{
	color:#a8a8a3;
	float:right;
	font-weight:normal;
	font-style:italic;
}

fieldset.pref-fieldset .text-left{
	margin-right:10px;
	width:309px;
}
fieldset.pref-fieldset .text-right{
	width:309px;
}

fieldset.pref-fieldset div.field div.big-text .text-left input,fieldset.pref-fieldset div.field div.big-text .text-right input{
	width:291px;
}

form div.big-radio label, form div.big-radio input{
	display:inline;	
	width:auto !important;
}
	
fieldset p{
	line-height:1.5;
	margin-bottom:15px;
}

div.related-fields{
	clear:both;
	overflow:hidden;
}

div.related-fields div.field.checkboxes.half-field{
	position:relative;
	top:37px;
}

div.field.text.half-field{
	width:58%;
}

div#employment_hourly{
	width:49%;
}

div.field.half-field{
	width:49%;
	float:left;
}

div.field.select.half-field{
	float:right;
}

div.field.checkboxes.half-field{
	width:38%;
	margin-right:0px;
	float:right;
}

div.field.text input{
	width:91%;
	padding:5px;
	border:1px solid #c5c5c5;
}

div.field.text-left select.selectShift, div.field.text-right select.selectShift, div.field select.selectShift {
	width:50px;
}
select#ShiftBreakLen{
	float:left;
}
div.field.text-left select, div.field.text-right select{
	width:98%;
	padding:5px;
	border:1px solid #c5c5c5;
}

div.field.text-left input, div.field.text-right input{
	width:91%;
	padding:5px;
	border:1px solid #c5c5c5;
} 

div.field input, div.field select, div.field textarea{
	width:96%;
	padding:5px;
	border:1px solid #c5c5c5;
}

div.field.radio input{
	padding:0px;
	border:none;
}

div.field .recipient-checkbox input{
	border:none;
}

div.field select{
	width:99%;
}

div.field{
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	float:left;
}

div.field.subfield{
	border:1px solid #ddd;
	margin-top:0px;
	width:92%;
	padding:10px;
	display:block;
}

div.selector-sub-roles{
	clear:both;
	overflow:auto;
	background:#eee;
	padding-left:8px;
	border-bottom:1px solid #ddd;
}

div.selector-sub-roles label, div.field div.selector-sub-roles label{
	float:left;
	margin-right:7px;
	width:30%;
	font-weight:normal;
	font-size:11px;
}


div.field.subfield label{
	margin-top:0px;
	font-weight:normal
}

div.field.radio, div.field.checkboxes{
	margin-bottom:5px;
}

div.field div.subfield div.text input{
	border:1px solid #ddd;
	padding:5px;
}

div.field.related,div.field.related label{
	margin-top:0px;
}

div.field div.subfield label.group-label{
	margin-bottom:0px;
}

div.field.radio label.group-label,div.field.checkboxes label.group-label{
	font-weight:bold;
	margin-bottom:-5px;
}

#EmailModifiedRow input, #PhoneModifiedRow input{
	display:inline !important;
	width:auto;
	margin-left:5px;
	margin-right:2px;
	position:relative;
	top:2px;
}

div.field.radio.inline label,div.field.checkboxes.inline label{
	float:left;
	margin-right:7px;
}
div.field.radio.inline label.group-label{
	display:block;
	width:100%;
	float:left;
}

div.field.checkboxes label,div.field.radio label{
	display:block;
	font-weight:normal;
	font-size:11px;
}

div.field label input,div.field.text-left label input, div.field.text-right label input{
	display:inline;
	width:auto;
	position:relative;
	top:2px;
	margin-right:5px;
	margin-left:0px;
}

div.field label, div.text label{
	color:#666;
	font-weight:bold;
	font-size:12px;
	padding-bottom:4px;
	display:block;
	text-shadow:white 0px 1px 0px;
}

div.text-left{
	float:left;
	width:49%;
	margin-right:5px;
}

div.text-right{
	float:left;
	width:49%;
	margin-right:0px;
}

select.full{
	width:99%;
}

div.shift-label{
	color:black;
	font-size:11px;
	margin-top:10px;
	line-height:1.5;
	margin-left:10px;
}	

div.shift-label a{
	display:block;
	color:red;
}

span.units{
	margin-left:7px;
	float:left;
	padding-top:23px;
	color:silver;
}

div.field label.block{
	display:block;
}

a.cancel{
	
}

#NoteNote{
	width:97%;
}

div.field.three{
	float:left;
	width:30%;
	margin-right:10px;
}	

a.action-link-24{
	margin-right:20px;
}

#SearchForm{
	margin-top:15px;
	margin-right:20px;
}	

input[type=hidden]{
	border:none;
	background:none;
	padding:none;
}


/*********************************************QTIPS STYLING******************************************/

div.qtip-content ul.tabs{
	list-style-type:none
	clear:both;
	overflow:hidden;
}
div.qtip-content ul.tabs li{
	float:left;
	display:inline;
	border-right:1px solid silver;
	margin-right:10px;
	padding-right:10px;
	border-bottom:none;
	padding-top:3px;
}

div.qtip-red, div.qtip-blue{
	line-height:18px;
}

h3.ui-accordion-header{
	position:relative;
	background:url(/img/qtip/qtipback.png) repeat-x;
	color:white !important;
	border:1px solid #b52b2b;
	margin-bottom:0px !important;
	margin-top:5px !important;
	clear:both;
	overflow:hidden;
	display:block;
}
h3.ui-accordion-header a{
	color:white !important;
	font-weight:bold !important;
	font-size:12px !important;
	text-shadow:#b43838 0px 1px 0px;
}
.ui-widget-content{
	border-top:1px solid #c7c7c7 !important;
	margin-bottom:10px !important;
}	

p a.save{
	display:block;
	width:61px;
	height:31px;
	background:url(/img/qtip/save.png) no-repeat;
	text-indent:-9999px;
	float:left;
}
p a.continue{
	display:block;
	width:74px;
	height:31px;
	background:url(/img/qtip/continue.png) no-repeat;
	text-indent:-9999px;
	float:left;
}
p a.delete{
	display:block;
	width:61px;
	height:31px;
	background:url(/img/qtip/delete.png) no-repeat;
	text-indent:-9999px;
	float:left;
}

p a.cancel{
	color:#c63d3d !important;
	font-size:12px;
	font-weight:bold;
	margin-left:6px;
	margin-top:6px;
	float:left;
}

a.getstartednow{
	display:block;
	width:206px;
	height:56px;
	background:url(/img/getstartednow.png) no-repeat;
	text-indent:-9999px;
	float:left;
	font-size:0;
	line-height:0;
}

p a.send{
	display:block;
	width:61px;
	height:31px;
	background:url(/img/qtip/send.png) no-repeat;
	text-indent:-9999px;
	float:left;
}

a.request{
	display:block;
	width:71px;
	height:32px;
	background:url(/img/qtip/requestbut.png) no-repeat;
	text-indent:-9999px;
	float:left;
}
a.calculate, a.review, a.back{
	color:#2a9af9 !important;
	font-size:12px;
	text-decoration:underline;
	margin-top:10px;
	cursor: pointer;
	display:block;
}

a.back{
	float:right;
}

a.calculate{
	margin-top:5px;
}

a.publish{
	display:block;
	width:166px;
	height:39px;
	background:url(/img/proceed-but.png) no-repeat;
	text-indent:-9999px;
	float:left;
}

a.return-dashboard{
	display:block;
	width:168px;
	height:39px;
	background:url(/img/returndashboard-but.png) no-repeat;
	text-indent:-9999px;
	float:left;
}

a.check{
	display:block;
	width:94px;
	height:39px;
	background:url(/img/runcheck-but.png) no-repeat;
	text-indent:-9999px;
	float:left;
}

a#nav-topic-add, a.create-new-but{
	width:177px;
	height:55px;
	display:block;
	background:url(/img/createnew-but.png) no-repeat;
	text-indent:-9999px;
}

#notify-fillins{
	display:block;
	width:55px;
	height:31px;
	background:url(/img/yes-but.png) no-repeat;
	text-indent:-9999px;
	float:left;
	line-height:0;
	font-size:0;
}

#login input#login-but{
	width:100px;
	height:48px;
	display:block;
	background:url(/img/login-but.png) no-repeat;
	text-indent:-9999px;
	border:none;
	float:left;
	font-size:0;
	display:block;
	line-height:0;
}

#login #request_password{
	float:left;
	color:#2a9af9;
	font-size:12px;
	text-decoration:underline;
	margin-top:15px;
	cursor: pointer;
	background:none;
	border:none;
	text-align:left;
	width:auto;
	display:block;
	line-height:0;
}

li.save-pref-widget{
	position:fixed;
}

input.save-changes-but{
	width:225px;
	height:46px;
	display:block;
	background:url(/img/savechanges-but.png) no-repeat;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	font-size:0;
	line-height:0;
}

a.bulk-but{
	width:133px;
	height:44px;
	display:block;
	background:url(/img/bulk-but.png) no-repeat;
	text-indent:-9999px;
}

a.staff-intro-but{
	width:130px;
	height:44px;
	display:block;
	background:url(/img/intro-pdf-but.png) no-repeat;
	text-indent:-9999px;
}

#save-contact-fillin{
	width:51px;
	height:30px;
	background: url(/img/send-but.png) no-repeat;
	display:block;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	font-size:0;
	line-height:0;
}

a#nav-message-compose{
	width:176px;
	height:55px;
	display:block;
	background:url(/img/sendmessage-but.png) no-repeat;
	text-indent:-9999px;
}

a#nav-templates-manage{
	width:208px;
	height:43px;
	display:block;
	background:url(/img/templates-but.png) no-repeat;
	text-indent:-9999px;
}

a#nav-resource-add{
	width:177px;
	height:55px;
	display:block;
	background:url(/img/createnew-but.png) no-repeat;
	text-indent:-9999px;
}

a#go{
	display:block;
	width:93px;
	height:31px;
	background:url(/img/qtip/view.png) no-repeat;
	text-indent:-9999px;
	float:left;
}
a#create-new{
	display:block;
	width:93px;
	height:31px;
	background:url(/img/qtip/create.png) no-repeat;
	text-indent:-9999px;
	float:left;
}

a#confirm{
	display:block;
	width:75px;
	height:32px;
	background:url(/img/confirm-but.png) no-repeat;
	text-indent:-9999px;
}

a#nav-billing-home{
	width:176px;
	height:55px;
	display:block;
	background:url(/img/billing-but.png) no-repeat;
	text-indent:-9999px;
}
a#nav-billing-details{
	width:208px;
	height:43px;
	display:block;
	background:url(/img/billingdetails-but.png) no-repeat;
	text-indent:-9999px;
}
a#nav-billing-renew{
	width:208px;
	height:43px;
	display:block;
	background:url(/img/renew-but.png) no-repeat;
	text-indent:-9999px;
}
a#nav-billing-buy-sms{
	width:208px;
	height:43px;
	display:block;
	background:url(/img/purchase-but.png) no-repeat;
	text-indent:-9999px;
}
a#nav-billing-cc-details{
	width:208px;
	height:43px;
	display:block;
	background:url(/img/card-but.png) no-repeat;
	text-indent:-9999px;
}

a#cancel-account{
	float:right;
	margin-top:20px;
	clear:both;
}

a#nav-billing-cancel-account{
	width:208px;
	height:43px;
	display:block;
	background:url(/img/cancel-account-but.png) no-repeat;
	text-indent:-9999px;
}

span.or{
	float:left;
	display:block;
	margin:8px 5px 0px 5px;
}

div.qtip-title{
	display:block;
	padding:15px 0px 8px 0px !important;
	margin:0px 19px 5px 19px;
	background:url(/img/qtip/border.png) repeat-x bottom !important;
	clear:both;
	overflow:hidden;
}
div.qtip-green div.qtip-title{
	background:none !important;
	position:absolute !important;
	width:100%;
	height:30px;
	overflow:visible !important;
}

div.qtip-green div.qtip-wrapper{
	overflow:visible !important;
}

div.qtip-green div.qtip-title a.qtip-button{
	position:absolute !important;
	right:30px;
	top:5px;
}

div.qtip-dark div.qtip-contentWrapper{
	background:#E2F5FC !important;
	border:6px solid white !important;
	padding:15px !important;
}

div.qtip-dark div.qtip-content{
	background:#E2F5FC !important;
	color:#333 !important;
	font-size:12px !important;
	padding-bottom:15px;
	line-height:18px !important;
}

div.qtip-dark div.qtip-content p{
	font-size:14px !important;
}

div.qtip-dark div.qtip-title{
	font-size:18px;
	color:#0085BD !important;
}

div.qtip-dark ul{
	display:block;
	clear:both;
	overflow:hidden;
	padding:10px 0px;
	margin:15px 0px;
	border-top:1px solid #c3e8fe !important;
	border-bottom:1px solid #c3e8fe !important;
}

div.qtip-dark a.close-qtip{
	color:red;
	float:left;
	margin-left:15px;
	position: relative;
	top:15px;
	text-decoration: underline;
}

div.qtip-dark ul li{
	width:30%;
	float:left;
	margin-right:20px;
	list-style-type:none;
	border:none !important;
}

div.qtip-dark ul li strong{
	display:block;
	margin-bottom:5px;
}

span.popup-title, div.qtip-title{
	display:block;
	color:#c63d3d;
	font-size:14px;
	text-shadow:white 0px 1px 0px;
}

span.popup-title{

}

span.roster-label{
	color:black !important;
}

fieldset ul li{
	list-style-type:none;
}
.ui-widget-content a.selector-subgroup-toggler{
	color:#c63d3d;
	display:block;
	padding:3px 8px;
	border-bottom:1px solid #ddd;
}
.ui-widget-content a.selector-subgroup-toggler:hover{
	text-decoration: none;
	background:#eee;
}

a.qtip-button{
	display:block;
	width:31px;
	height:31px;
	background:url(/img/qtip/close.png) no-repeat;
	text-indent:-9999px;
	margin-top:-10px;
}

div.qtip-content{
	padding:5px 19px 10px 19px !important;
}
div.qtip-content p{
	line-height:20px;
}

h3.ui-accordion-header img.tooltip-help{
	display:block;
	position:absolute;
	top:6px;
	right:5px;
}

h1 img.tooltip-help{
	float:right;
	margin-top:-40px;
}

h3.ui-accordion-header img.tooltip-error{
	/*display:block;*/
	position:absolute;
	top:6px;
	right:25px;
}

.ui-accordion .ui-accordion-content{
	padding:.7em .7em !important;
	border:none !important;
	overflow:hidden !important;
}

div.qtip-light div.qtip-contentWrapper{
	background:#f0f0f0 !important;
	border:6px solid #d1d1d1 !important;
}

div.qtip-green div.qtip-contentWrapper{
	border:7px solid #7fc4eb !important;
	background:#dbf2ff !important;
}

div.qtip-green div.qtip-content{
	padding:20px 20px 10px 20px !important;
	background:#dbf2ff !important;
	color:#1a4c68 !important;
}

div.qtip-light div.qtip-content{
	background:#f0f0f0 !important;
}

div.qtip-light div.ui-widget-content{
	background:white !important;
	padding:10px !important;
	border:1px solid #ccc !important;
}

.qtip-borderBottom,.qtip-borderTop{
	
}
#progressbar{
	padding:3px 3px 1px 3px !important;
}

.ui-progressbar.loading  .ui-progressbar-value { background-image: url(/img/jquery-ui-1.7.2.custom/pbar-ani.gif); }

#loading-text {
	text-align: center;
}
img.tooltip-help, img.tooltip-error{
	margin-right:5px;
	position:relative;
	top:0px;
	float:right;
}

label img.tooltip-help{
	margin-right:5px;
	position:relative;
	top:0px;
	position:absolute;
	right:0px;
	float:none;
}

label img.tooltip-error{
	margin-right:5px;
	position:relative;
	top:0px;
	position:absolute;
	right:20px;
	float:none;
}

#notes{
	padding-top:20px;
	clear:both;
	overflow:hidden;
}

#notes.portlet{
	padding-top:0px;
}

#notes h3{
	position:relative
	clear:both;
	display:inline;
	overflow:hidden;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:0px;
}

#notes div.note-tooltip{
	margin-top: 0;
    padding: 3px 0 0 0;
	display:inline;
	position:relative;
	top:0;
	bottom:0;
}

#notes div.note-tooltip img.tooltip-help{
	float:none;
	position: relative;
	top:0px;
}

#notes textarea{
	margin-top:15px;
	clear:both;
	overflow:hidden;
}

#accordian-wrapper div.contact-list{
	height:250px;
	overflow:auto !important;
}

#RecipientsTableContainer a.tooltip-title{
	margin-left:5px;
}

#MessageReviewContainer th{
	width:70px;
	padding:10px;
}	

#TemplateSave{
	margin-left:5px;
	position:relative;
	top:2px;
}

#MessageReviewContainer td{
	padding:10px 10px 10px 0px;
}

#RecipientsTableContainer td{
	vertical-align: middle;
	padding:5px 0px;
}

#RecipientsTableContainer td.recipient-checkbox{
	width:15px;
}
#error-container{
	margin-bottom:10px;
}
#error-container.error{
	background:#ede3e3;
	border:1px solid #dc9898;
	padding:15px;
}

.warning{
	background:#fffce3;
	padding:15px 15px 5px 15px;
	border:1px solid #ffe400;
	margin-bottom:10px;
}

.success{
	background:#defbcc;
	padding:15px 15px 5px 15px;
	border:1px solid #3f9400;
	margin-bottom:10px;
}

.error{
	background:#fef4f4;
	padding:15px 15px 5px 15px;
	border:1px solid #ff7a6c;
	margin-bottom:10px;
	
}

#flashMessage.message,#flashMessage.success,#staticFlashMessage.message,#staticFlashMessage.success{
	background:#defbcc;
	padding:25px 15px 25px 15px;
	border:1px solid #3f9400;
	margin-bottom:20px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#3f9400;
}

#flashMessage.warning,#staticFlashMessage.warning{
	background:#fffce3;
	border:1px solid #ffe400;
	color:#ffe400;
}

#flashMessage.error,#staticFlashMessage.error{
	background:#fef4f4;
	border:1px solid #ff7a6c;
	color:#ff7a6c;
}

.warning h3, .success h3{
	margin-bottom:5px;
}

#error-container.error p, #error-container.warning p{
	margin-bottom:10px;
	line-height:16px;
}
#error-container.warning{
	background:#f2eed1;
	border:1px solid #ffcc53;
	padding:15px;
}
#error-container.error strong{
	color:#c53b3b;
}

div.qtip-content table td{
	width:40px;
	padding:10px;
	border-bottom:1px solid #ddd;
}

div.qtip-content p{
	margin-bottom:10px;
}

div.qtip-content h4{
	font-size:12px;
	color:#C63D3D;
}

div.qtip-content table{
	margin-bottom:10px;
}

div.qtip-content table th{
	border-bottom:1px solid #ddd;
}

div.qtip-content ul li{
	padding-bottom:5px;
	margin-top:5px;
	border-bottom:1px solid #ddd;
}

div.qtip-content ul{
	margin-bottom:10px;
}

div.qtip-content table thead td{
	font-weight:bold;
}

div.qtip-content table thead{
	background:#eee;
}

span.ui-icon-triangle-1-s{
	background-image: url(http://dev3.justrosters.com.au/img/jquery-ui-1.7.2.custom/ui-icons_ffffff_256x240.png) !important;
	background-position: -64px -128px !important;
}
span.ui-icon-triangle-1-e{
	background-image: url(http://dev3.justrosters.com.au/img/jquery-ui-1.7.2.custom/ui-icons_ffffff_256x240.png) !important;
	background-position: -32px -128px;
}


.star{ width: 16px; height: 13.3px; float: left; margin-top: 7px; background: url("/img/icons/star.png") no-repeat; }

.star.star-on { background-position: 0 -26.9px !important; }

.star.star-hover { background-position: 0 -13.6px !important; }

#FillinMessage{
	padding:10px;
	width:318px;
	display:block;
	
}

div.max-table{
 	max-height: 300px;
 	overflow:auto;
 	width:auto;
}

div.qtip p.default-message{
	color:#666;
	padding:10px 10px;
	background:#fff;
	position:relative;
	top:-5px;
	border: 1px solid #C5C5C5;
	z-index:50;
	width:318px;
	margin-bottom:0px;
}

table.fillin-table{
	width:340px;
	display:block;
	margin-bottom:10px;
}

div.qtip-content table.fillin-table td{
	width:120px;
	background:#fff;
}

div.qtip-content table.fillin-table td.table-heading{
	padding:0;
}

div.qtip-content table.fillin-table th{
	width:200px;
	padding-left:10px;
	background:#fff;
}

table.fillin-table h3{
	padding:8px 10px;
	background:#ddd;
}



/******************************************Table Styles*****************************************/

img.disabled{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

span.mobile, span.email{
	color:#666;
	display:block;	
}

td.roles{
	font-size:11px;
}

/**********************************List Styles************************************/

ul.tips-list{
	list-style-type:none;
	margin:10px;
}

ul.tips-list li{
	padding-bottom:20px;
	padding-top:20px;
	background:#f5f5f5;
	font-size:12px;
	border-bottom:1px solid #e5e5e5;
	padding-left:20px;	
}

ul.tips-list li.even{
	background:white;
}

/******************************************Dashboard******************************************/

div.portlet{
	background:#f7f7f7;
	border:1px solid #E3E3E3 !important;
	border-radius:8px;
	overflow:hidden;
}
div.portlet-header{
	margin:0 !important;
	padding:7px !important;
	color:white !important;
	font-weight:normal;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
div.ui-widget-header{
	border:none !important;
}
div.portlet-header.ui-corner-all, ul.ui-tabs-nav.ui-corner-all{
	border-radius:0px !important;
	border-radius-top-left:8px;
	border-radius-top-right:8px;
}

#graph-placeholder{
	position:relative;
	height:250px;
	width:420px;
}

.portlet-content ul{
	list-style-type:none;
}

.portlet-content textarea{
	margin-right:0px;
	width:430px;
	background:white;
}

.portlet-content a{
	text-decoration:underline;
}

.portlet-content strong{
	color:black;
}

.portlet-content th{
	text-align: left;
	font-size:12px;
	border-bottom:1px solid #bbb;
	padding-bottom:5px;
	margin-bottom:5px;
}

.ui-tabs{
	padding:0px !important;
}

.portlet-content td{
	border-bottom:1px solid #EEE;
	padding:5px 0px;
}

#whos-working-tabs.ui-widget-content{
	border: 1px solid #EEE;
	border-top:none !important;
}
.ui-state-active, .ui-widget-content .ui-state-active{
	border:1px solid #DDD !important;
}
ul.ui-tabs-nav{
	background:#F7F7F7 !important;
	border:none !important;
	padding:0px !important;
}

.ui-tabs-panel{
	border-left:1px solid #DDD !important;
	border-right:1px solid #DDD !important;
	border-bottom:1px solid #DDD !important;
}

.portlet { margin: 0px 0px 20px 0px; }
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; background:#BB2E2E; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 10px; color:#666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;}

.colorSelector {
	background:url("/img/colorpicker/select.png") repeat scroll 0 0 transparent;
	height:36px;
	position:relative;
	width:36px;
}

.colorSelector div {
	background:url("/img/colorpicker/select.png") repeat scroll center center transparent;
	height:30px;
	left:3px;
	position:absolute;
	top:3px;
	width:30px;
}

/*******************************************CUSTOMIZE LOOK*****************************************************/

#wysiwyg{
	padding:10px 10px 0px 10px;
	background:white;
	border:1px solid silver;
	clear:both;
	overflow:hidden;
}

#wysiwyg .margin{
	width:670px;
}

#wysiwyg #table-container{
	margin-bottom:0px;
	margin-top:15px;
	padding-top:15px;
	background: url(/img/border.png) repeat-x top;
}

#wysiwyg #page-title{
	margin-left:15px;
}

#wysiwyg #mainNav-Thin{
	margin-right:20px;
}

#editor{
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
}

#editor .field{
	display:block;
	margin:15px 0px;
}

#editor .field input{
	padding:7px;
	font-size:14px;
	width:220px;
	color:silver;
}

#editor .field select{
	padding:7px;
	font-size:14px;
	width:236px;
}

#wysiwyg .table-example{
	padding-top:20px;
	background: url(/img/border.png) repeat-x top;
}

#editor h2, #wysiwyg h2{
	margin-bottom:5px;
}

h2.main-heading{
	width:701px;
	background:#f2f2f2;
	padding-bottom:15px;
	margin-bottom:0px;
}


/*******************************************LOGIN *******************************************************/

#login{
width:360px;
margin:10% auto;
background:white;
border:7px solid #dedede;
border-radius:20px;
clear:both;
overflow:hidden;
}

#login #flashMessage{
	margin:0px 25px 0px 25px;
	clear:both;
	overflow:hidden;
}

#login #header{
	border-radius:10px;
	text-align:center;
	margin-bottom:15px;
	clear:both;
	overflow:hidden;
}

#login #page-title{
	margin-left:25px;
}

#login #header #logo{
	float:none;
	text-align:center;
	clear:both;
	overflow:hidden;
}

#login #header #logo h2{
	float:none;
	text-align:center;
	margin:15px auto;
}

#login form{
	clear:both;
	overflow:hidden;
	margin:10px 25px 25px 25px;
}

#login input{
	padding:5px;
	font-size:18px;
	color:gray;
	width:298px;
	border:1px solid silver;
	font-weight:normal;
}

#login label{
	font-size:14px;
	color:#333;
	margin-top:15px;
}

#login p{
	color:#666;
}

#loginp.login-intro{
	font-weight:bold;
	font-size:16px;
	color:black;
}

#tiny-header{
	height:7px;
	position:absolute;
	top:0px;
	background:black;
	width:100%;
}

/********************************************WIDGETS*******************************************/

ul#widget-area{
	list-style-type:none;
}

ul#widget-area li.search-widget{
	background:#e5e5e5 url(/img/qtip/border.png) repeat-x bottom;
	padding:15px;
}

ul#widget-area li#editor{
	background:#e5e5e5 url(/img/qtip/border.png) repeat-x bottom;
	padding:15px;
}

ul#widget-area li.search-widget .button_grey{
	width:80px;
	height:33px;
	text-indent:-9999px;
	background:url(/img/search-but.png) no-repeat;
	display:block;
	border:none;
	font-size:0;
	display:block;
	float:none;
	line-height:0;
}

ul#widget-area li{
	background:url(/img/qtip/border.png) repeat-x bottom;
	padding-bottom:15px;
	margin-bottom:15px;
}

ul#widget-area .field label{
	font-weight:normal;
}

ul#widget-area .field input{
	padding:4px;
	font-size:14px;
	width:180px;
	text-align:left;
}

ul#widget-area .field.checkboxes.inline input{
	width:auto;
	float:left;
	position:relative;
	top:2px;
}

ul#widget-area .field select{
	padding:7px;
	font-size:14px;
	width:180px;
}


a.extra-link{
	color:#2a9af9;
	font-size:12px;
	text-decoration:underline;
	margin-top:5px;
	cursor: pointer;
}

h3 a.extra-link{
	position:relative;
	top:-2px;
}

ul#widget-area h3{
	font-size:18px;
	color:black;
	margin-bottom:0px;
}

ul#widget-area li.helptip-widget h3{
	font-size:16px;
	color:#0064a4;
	margin-bottom:5px;
}

ul#widget-area li.helptip-widget p{
	font-size:12px;
	line-height:20px;
}

ul#widget-area li.helptip-widget{
	background:#cce6f7;
	padding:20px;
	border-radius:10px;
}

ul#widget-area .field{
	float:none;
	display:block;
	display:block;
	margin:15px 0px;
	clear:both;
}

ul#widget-area input.save{
	width:98px;
	height:42px;
	background: url(/img/save-but.png) no-repeat;
	display:block;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	margin-top:15px;
	font-size:0;
	line-height:0;
}

div.access-helptip-widget h3{
	font-size:16px;
	color:#0064a4;
	margin-bottom:5px;
}

div.access-helptip-widget p{
	font-size:12px;
	line-height:20px;
}

div.access-helptip-widget{
	background:#cce6f7;
	padding:20px;
	border-radius:10px;
	clear:both;
	margin-bottom:20px;
}

div.access-wrapper {
	margin:20px;
}

.active-default-value{ color:silver; }


/*************************************************MAIN COL STYLES***************************************************/

div.topic-content{
	margin:10px;
}

div.topic-content h1{
	margin-top:25px;
}

div.topic-meta, span.comment-meta{
	color:#888;
	font-size:12px;
}

div.topic-meta{
	float:right;
	text-align:right;
	margin-left:10px;
	margin-bottom:20px;
}

p.topic-body{
	margin-top:25px;
	font-size:14px;
	line-height:24px;
	width:100%;
	clear:both;
	overflow:hidden;
}

div.end-trial p{
	font-size:14px;
	line-height:24px;
}

div.end-trial h2{
	margin-bottom:15px;
	margin-top:10px;
}

form#CommentForm textarea{
	font-size:13px;
	padding:5px;
	border:1px solid silver;
	width:673px;
	background:#f8f8f8;
}

form#CommentForm label{
	font-size:16px;
}

form#CommentForm{
	margin-top:30px;
	padding-bottom:50px;
}

div.topic-content table td p{
	margin-bottom:0px;
}

form#CommentForm div.error textarea{
	width:643px;
}

div.floating-panel {
	background:none repeat scroll 0 0 #EEEEEE;
	border:3px solid silver;
	float:left;
	margin-bottom:15px;
	margin-right:15px;
	padding:15px;
	text-align:left;
}

#billing-account-details {
	width: 309px;
}

#sms-credits{
	margin-top:15px;
}

table#sms-costs{
	width:300px;
}

table#sms-costs td{
	padding:5px;
	border-top:1px solid #ddd;
}

table#sms-costs th{
	padding:5px;
	border-top:1px solid #ddd;
	background:#efefef;
}


#billing-statistics {
	width: 309px;
	margin-right: 0px;
	padding-bottom:31px;
}
.popup-ol {
	margin-left: 17px;
	margin-bottom: 10px;
}
.fill-down {
	height:16px;
	width:16px;
	background: url("/img/icons/icon_arrow_down.png") transparent;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 2;
}

/***************************************Rate Cards*****************************************/

#ratecard-tabs{
	margin:20px;
	border:none !important;
}

#ratecard-tabs ul.ui-tabs-nav{
	background:none !important;
}

#ratecard-tabs ul.ui-tabs-nav li a{
	padding:12px 15px;
}

#ratecard-tabs ul.ui-tabs-nav li img{
	position:relative;
	top:10px;
	left:-10px;
}

#ratecard-tabs td{
	border:1px solid #ddd;
	line-height:0;
	padding:7px 5px;
}

#ratecard-tabs td.start-time{
	border:none;
	background:#eee;
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	padding:5px 5px 5px 8px;
}

#ratecard-tabs th{
	padding:8px;
	background: #C53B3B url(http://dev3.justrosters.com.au/img/topnav-border.png) repeat-y;
	color:white;
	font-size:14px;
}

#ratecard-tabs th.blank-th{
	background:none;
}

#ratecard-tabs td input{
	width:45px;
	border:0px;
	margin:0;
	margin:0 auto;
	display:block;
	color:#777;
	background:none;
	text-align:center;
}
#ratecard-tabs td div.container {
	width:70px;
	text-align: center;
}

#ratecard-tabs input.ratecard-value-percent.non-default {
	color:black;
	border:1px solid #f89c9c;
}
input.ratecard-value-percent{
	background:#ffdede;
}

#ratecard-tabs td.ui-selecting{
	background:#efffcc !important;
}

#ratecard-tabs td.ui-selected{
	background:#e0ff9f !important;
}
.ratecard-loader-container {
	width: 100%;
	height: 500px;
}
.ratecard-loader {
	margin-left: 299.5px;
	margin-top: 217px;
}
#RatecardName{
	font-size: 22px;
	width: 565px;
	margin-left: 62px;
	padding-left: 0px;
	margin-bottom: 5px;
}
.delete-ratecard {
	cursor:pointer;
}


/**********************************demo styles***********************************/

#demo-banner{
	height:30px;
	background:#222;
	padding-top:10px;
	border-bottom:2px solid #333;
}

#demo-banner h3{
	color:white;
	float:left;
	margin:0;
	margin-left:20px;
}

#demo-banner p{
	color:#999;
	float:left;
	margin-left:30px;
	position:relative;
	top:3px;
	margin-bottom:0;
}

#demo-banner p strong{
	color:white;
}

a.demo-trial{
	display:block;
	width:172px;
	height:67px;
	background:url(/img/demo-trial.png) no-repeat;
	text-indent: -9999px;
	font-size:0;
	line-height:0;
	position:absolute;
	top:-5px;
	right:30px;
	z-index:100;
}

#login #get-into{
	display:block;
	width:314px;
	height:72px;
	background:url(/img/demo-login.png) no-repeat;
	text-indent: -9999px;
	font-size:0;
	line-height:0;
	border:none;
	cursor: pointer;
}

#side-sign-up{
	position:fixed;
	right:-3px;
	top:38%;
	z-index:100;
}

#side-sign-up-but{
	display:block;
	width:38px;
	height:149px;
	background:url(/img/demoTrial.png) no-repeat;
	text-indent: -9999px;
	font-size:0;
	line-height:0;
	border:none;
	cursor: pointer;
}

/****************************Affiliate Styles***********************************/

div.link-togglers{
	float:left;
	position:relative;
	top:3px;
}

div.link-togglers a.active{
	color:black;
	cursor:default;
	text-decoration:none;
}

div.link-togglers a{
	cursor:pointer;
	margin-right:5px;
}

h3.left{
	float:left;
	margin-right:15px;
	margin-bottom:8px;
}

div.syntaxhighlighter{
	clear:both;
	overflow:hidden;
	margin-bottom:20px !important;
}

div.dashboard.margin{
	margin:20px;
}

/*******************************************************************************
  DEMO
*******************************************************************************/
#demo-blanket {
	z-index: 5500;
	width: 100%;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
}