/*
   style.css
   css
   
   Created by mcheck on 2008-02-04.
   Copyright 2008 Solo Group, Inc.. All rights reserved.

	$Id: style.css 212 2009-02-24 03:03:06Z mcheck $
*/


/* site styles */
#wrapper {
	width: expression(document.body.clientWidth < 801 ? "800px": "auto" );
	/* hack for ie6 to set min-width, make sure css min-width selector immeidately follows*/  
	min-width:	800px;
	max-width:	1500px;
	background-color: white;
}


#header {
	background: #333366 url(../images/topleafleft.gif) repeat-x top left;
	color:	#fff;
	height:	75px;
}

#header h1 {
	font-size:	150%;
	padding-top:	45px;
	text-align:	center;
}


#login-bullets dl {
	margin-left: 20px;
	margin-bottom: 25px;
}

#login-bullets dt {
	margin-top: 10px;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
}


/*subheader*/
#subheader {
	background: #333366;
	color:	#fff;
	height: 20px;
	border-top: thin solid white;
	/*border-bottom: thin solid white;*/
	font-size: 14px
}

#subheader {
	padding-top: 5px;
	padding-left: 5px;
}

#subheader span#right {
	position:  relative;
	float: right;
	padding-right: 10px;
	text-align: right;
}

#subheader a:link,
#subheader a:visited {
	color: white;
	text-decoration: none;
}

#subheader a:hover {
	text-decoration: underline;
}


/* tabs */

#tabs {
	height:					25px;
	padding:				6px 0 0 0;
	background-color:		#333366;
}

#tabs ul {
	margin: 0;
	padding: 0;
}

#tabs li {
	margin-left:	5px;
	padding:		0;
	display:		inline;
	list-style:		none;
	border:			none;
}


#tabs a:link,
#tabs a:visited {
 	text-decoration:		none;
	float:					left; /* for IE6 */
	font-size:				12px;
	font-weight:			normal;
	padding:				4px 8px 5px 8px;
	margin-left:			5px;
	background-color:		silver;
	color:					#000;
	border:					1px solid silver;
	border-bottom:			1px solid silver;
}

#tabs a:hover {
   color:					#000;
   background-color:		whitesmoke;
/*   border-bottom:			1px solid silver;*/
}


#tabs a:link.selected, 
#tabs a:visited.selected {
	background:				white url(/images/tab-bg.gif) top repeat-x;
	border-bottom:			1px solid white;
	color:					#222;
	font-weight:			bold;
	text-decoration:		none;
	margin-left:			5px;
}

#tabs a:link.admin, 
#tabs a:visited.admin {
	margin-right:			10px;
	float:					right;
}

/* breadcrumbs */

#breadcrumbs {
	background:		#eee;
	height: 20px;
	border-bottom: thin solid #ccc;
	font-size: 12px;
	color: black;
}

#breadcrumbs {
	padding-left: 5px;
	padding-top: 5px;
}

#breadcrumbs a:link {
	text-decoration:	none;
	color: black;
}

#breadcrumbs a:visited {
	text-decoration:	none;
	color: black;
}

#breadcrumbs a:hover {
	text-decoration:	underline;
/*	color: #999*/
}

#breadcrumbs a:active {
	text-decoration:	none;
	color: black;
}


/* EXT Quicktips */
.quicktip {
	color:  #000;
	background-color: #fff;
}


.infoicon {
	background: url(../../images/information.png) no-repeat left top;
}


#SectionHead {
	padding: 0;
	margin: 0;
	margin-left: 20%;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #eee;
}

#SectionHead p {
	margin: 0;
	text-align: center;
	color: red;
	font-style: italic;
	font-size: 12px;
	padding:  5px 5px;
}


#content {
	float:	left;
	width:	80%;
	background-color: white;
	min-height:		426px;
}


#content .gutter {
	padding:	5px 5px 15px 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#content .gutter span.gutterbottom {
/* Used to make sure the gutter, having only floats, will push to the bottom */
	color: 	white;
	clear:  both;
}


#content .heading {
	display: block;
	clear: both;
	/*width: 100%;*/
	min-height: 30px;
	background-color: #eee;
	padding-top:	5px;
	padding-bottom: 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#content .heading h1 {
	margin-left: 10px;
	margin-top: 0;
	text-align: center;
	padding: 5px 0;
}

#content .heading a {
	display: block;
	border: 1px solid #aaa;
	padding:	3px;
	text-decoration: 	none;
	color: 	#000;
	width: 65px;
	font-size: 11px;
	margin-top: 7px;
}

#content .heading a.previous {
	background: #bbb url(../../images/control_rewind.png) no-repeat left center;
	float:  left;
	margin-left: 15px;
	text-align: right;
	padding-right: 6px;
}

#content .heading a.continue {
	background: #bbb url(../../images/control_fastforward.png) no-repeat right center;
	float:  right;
	margin-right: 15px;
	text-align: left;
	padding-left: 6px;
}

#content .heading a.hidden {
	visibility: hidden;
	/*display: none;*/
}

#content .heading a:hover {
	background-color: #eee;
}

#content .heading h3 span#title {
	text-align: center;
	/*display:  inline;*/
	font-size:	15px;
}

#content .heading h3 span#right {
	float: right;
	text-align: right;
	margin-right: 10px;
	position: relative;
}


#content h1 {
	font-size:	1.25em;
	font-weight:	bold;
	margin-bottom:	0.5em;
	padding-bottom:	1px;
}


#content h2 {
	font-size: 1em;
}


#content h3 {
	font-size: 11px;
	height: 25px;
	/*vertical-align: bottom;*/
	/*float:	left;*/
}

#content h4 {
	font-size: .8em;
	text-align: right;
	display: 	block;
}

#content #print-menu {
	float: 	right;
}

#content #print-menu ul {
	list-style-image: none;
	margin: 5px;
	padding:  0;
}

#content #print-menu li {
	display: inline;
}

#content #print-menu a {
	text-decoration: none;
	padding: 0.5em 0;
	padding-left: 20px;
	width:  150px;
	color: #111;
	text-decoration: none;
	font-size: 11px;
}

#content #print-menu a:hover {
	text-decoration: underline;	
}

#content #print-menu a.button1 {
	background: transparent url(../../images/printer_add.png) no-repeat 0 50%;
	margin-right: 10px;
}

#content #print-menu a.button2 {
	background: transparent url(../../images/printer_delete.png) no-repeat 0 50%;
}


#content #left-col {
	float:  left;
	width: 	70%;
}

#content #left-col .footer {
	text-align: left;
	padding: 10px;
	background-color: lightyellow;
	border: 1px solid silver;
	margin-bottom: 10px;
}

#content .dues-footer {
	margin-left: 5px;
	text-align: left;
	padding: 10px;
	background-color: lightyellow;
	border: 1px solid silver;
	width:  65%;
	clear: both;
}


#content #right-col {
	margin-left: 2%;
	float: 	right;
	width:	28%;
}

#content #dashboard-top {
	background: lightyellow;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #aaa;
}

#content .announce {
	background: transparent;
	padding: 0;
	margin-bottom: 10px;
	/*margin-top: 10px;*/
	/*float:  left;*/
	width:  55%;
}

#content .announce h1,
#content .announce p {
	text-align: left;
}

#content .announce ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

#content .announce li {
	margin-top: 5px;
	text-align: justify;
}



.dashboard-box {
	float:  right;
}

.dashboard-box table  {
	width: 330px;
	border: 1px solid silver;
	border-collapse: collapse;
    padding: 0px;
	background-color: white;
	margin: auto 0;
}
  
.dashboard-box tr {
	font-size: 11px;
	background-color: #fff;
	border-bottom: 1px solid silver;
}

.dashboard-box td {
  	padding: 7px 5px 7px 5px;
}

.dashboard-box td.right,
.dashboard-box th.right {
  	text-align: right;
  	width: 45%;
}

.dashboard-box td.submitted {
	background: url(../../images/completed.gif) no-repeat left center;
	padding-left: 18px;
}


.dashboard-box th {
	background-color: #ddd;
	color: #000;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;	
}

.dashboard-box th.submitted {
	background: #ddd url(../../images/completed.gif) no-repeat left center;
	padding-left: 18px;
}

.dashboard-box caption {
	margin-bottom:  10px;
	background-color: #fff;
	color: #000;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	border-bottom:	1px solid silver;
}

.dashboard-box img {
	/*padding-bottom: -2px;*/
	/*margin-bottom:  -2px;*/
	vertical-align: middle;
}


#content .clear-floats {
	clear:  both;
}

#content .floatl {
	float:  left;
	width: 	49%;
	background: lightyellow;
	border: 1px solid #aaa;
	margin-bottom: 10px;
}

#content .floatr {
	float:  right;
	width: 	49%;
	background: lightyellow;
	border: 1px solid #aaa;
	margin-bottom: 10px;
}


#content .floatl h1,
#content .floatr h1,
#content .floatl h2,
#content .floatr h2,
#content .floatl h3,
#content .floatr h3 {
	font-style: 	bold;
	text-align:		left;
	padding-left: 	5px;
}

#content .floatl h3,
#content .floatr h3 {
	height: auto;
	margin-bottom: 4px;
}

#content .floatl h1,
#content .floatr h1 {
	width: auto;
	border: 1px solid #aaa;
	background: #ddd;
	padding:  5px 5px;
}

#content .box-head a.dashboard-print-button1 {
	display: inline;
	float:  right;
	text-align: right;
	margin-right: 5px;
	padding: 8px;
	padding-left: 24px;
	font-size: 11px;
	background: url(../../images/printer_add.png) no-repeat left center;
	text-decoration: none;
	color:  #000;
}

#content .box-head a.dashboard-print-button1:hover {
	text-decoration: underline;
}

#content .bigbutton {
	width: 100%;
	display: block;
}

#content .bigbutton a {
	text-decoration: none;
	color: #000;
	font-style: bold;
	text-align: center;
	width: 120px;
	vertical-align: middle;
	border: 2px solid #444;
	padding: 10px;
	display:	block;
	margin: 	5px auto;
	background: #fff url(../images/control_play_blue.png) no-repeat 115px;

}

#content .bigbutton a:hover {
	background: #aaa url(../images/control_play_blue.png) no-repeat 115px;
	color: #fff;
}

#content .gutter-fp {
	padding:	5px 15px 15px 15px;
}


#content .printbox {
	padding:	20px 10px;
	background-color: lightblue;
	border: 1px solid #888;
	margin: 10px 10px;
}


/*table detail*/
/*Used for the main table displays*/
#detail-table table  {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
    padding: 0px;
	background-color: white;
	margin-top: 5px;
	margin-bottom: 5px;
}
  
#detail-table tr {
	font-size: 11px;
	background-color: #fff;
	border-bottom: 1px solid silver;
}

#detail-table tr.highlight {
	background-color: #eee;
}

#detail-table tr.over {
	background-color: #99CCFF !important;
}

#detail-table tr.select {
	background-color: #C2DFFF;
}

#detail-table td.select {
	background-color: #C2DFFF !important;
}

#detail-table td.over {
	background-color: #99CCFF !important;
}

#detail-table td {
  	padding: 5px;
}

#detail-table th {
	background-color: #ddd;
	color: #000;
	padding: 5px;
	text-align: left;
	/*white-space: nowrap;*/
	font-weight: bold;
}

#detail-table caption {
	margin-bottom:  10px;
	background-color: #fff;
	color: #000;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	border-bottom:	1px solid silver;
}

#detail-table th.sortable {
	cursor: pointer;
}

#detail-table th.sortable a {
	padding: 4px 2px;
	white-space: nowrap;
	
}

#detail-table th.sortable a:link,
#detail-table th.sortable a:hover,
#detail-table th.sortable a:visited {
	text-decoration: none;
}

#detail-table th.sortable a:hover {
	background-color: #fff;
}

#detail-table tr.record {
	cursor: pointer;
	vertical-align: top;
}

#detail-table td {
	vertical-align: top;
}

#detail-table td.colTitle {
	background-color: silver;
	color: #000;
	padding: 5px;
	text-align: left;
	white-space: nowrap;
}

#detail-table img {
	/*padding-bottom: -2px;*/
	/*margin-bottom:  -2px;*/
	vertical-align: middle;
}

#detail-table td.title {
	background-color: #ddd;
	color: #000;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	width: 175px;
}

#detail-table td.title-list {
	/*background-color: #ddd;*/
	color: #000;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	width: 70%;
}


#detail-table td.subTotal {
	font-weight: bold;
	text-align: right;
}


#detail-table td.total {
	text-transform: uppercase;
	font-weight: bold;
	text-align:	right;
}

#detail-table td.completed {
	background: url(../../images/completed.gif) no-repeat center center;
	width: 20px;
}

#detail-table td.changed {
	background: url(../../images/tick.png) no-repeat center center;
	width: 20px;
}

#detail-table td.deleteable {
	background: url(../../images/delete-record.gif) no-repeat center center;
	width: 20px;
}

#detail-table td.deleteable-over{
	background: url(../../images/delete-record-over.gif) no-repeat center center;
	width: 20px;
}


#detail-table td.required {
	background: url(../../images/required.gif) no-repeat center center;
}

#detail-table p {
	text-indent: 25px;
	margin-top: 5px;
	margin-bottom: 10px;
}



#detail-edit table  {
	width: 100%;
	border: none;
	border-collapse: collapse;
    padding: 0px;
	background-color: transparent;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: default;
}
  
#detail-edit tr {
	font-size: 11px;
	background-color: transparent;
	border: none;
}

#detail-edit tr.highlight {
	background-color: #eee;
}

#detail-edit td {
  padding: 5px;
}

#detail-edit th {
	background-color: silver;
	color: #000;
	padding: 5px;
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
}





/*
dues-table
-------------------------------------
*/
#dues-table table  {
	width: 100%;
	border-top: 1px solid silver;
	border-collapse: collapse;
    padding: 0px;
	background-color: white;
	margin-top: 5px;
	margin-bottom: 5px;
}
  
#dues-table tr {
	font-size: 11px;
	background-color: #fff;
	/*border-bottom: 1px solid silver;*/
}

#dues-table tr.highlight {
	background-color: #eee;
}

#dues-table td {
  	padding: 5px;
}

#dues-table td.alt {
  	padding-bottom: 15px;
}


#dues-table td span.label {
  	font-weight: bold;
	
}

#dues-table td span.highlight {
  	font-weight: bold;
	padding: 5px;
	background-color: yellow;	
}

#dues-table td span.amount {
  	font-weight: bold;
	color: blue;
}

#dues-table th {
	background-color: silver;
	color: #000;
	padding: 5px;
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
}

#dues-table caption {
	background-color: silver;
	color: #000;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	font-size: .9em;
}

#dues-table td.colTitle {
	background-color: silver;
	color: #000;
	padding: 5px;
	text-align: left;
	white-space: nowrap;
}

#dues-table img {
	/*padding-bottom: -2px;*/
	/*margin-bottom:  -2px;*/
	vertical-align: middle;
}




/*
review page
-------------------------------------*/

#content #content {
	padding: 	0;
	margin:		0;
	width: 		100%;
	border: 	1px solid #bbb;
	margin-bottom: 5px;
}


#content #content .gutter {
	padding: 	0;
	margin:		0;
}

#content #content h1 {
	text-align: left;
	margin:	0;
	margin-left: 5px;
}

#content #content h2 {
/*	background-color: #ccc;*/
	padding-left: 4px;
}

#content #content #detail-table {
	padding-left: 5px;
	padding-right: 5px;
}

#content #content .heading {
	background: transparent;
	margin: 0;
	padding: 0;
}

#content #content .heading a.continue,
#content #content .heading a.previous {
	visibility: hidden;
	display:  none;
}


#content .review-footer {
	clear:  both;
	color:  #999;
	text-align: right;
}


/*
login-form
-------------------------------------
*/
#login-form {
	background-color:	#fff;
}

#login-form table {
/*	table-layout:		fixed;*/
/*	position:			relative;*/
	border-collapse:	collapse;
	border:				7px solid #bbb;
	padding:			0;
	margin-left: 150px;
	margin: 0 auto;
}

#login-form table tr {
	background-color:	#eee;
}

#login-form th {
	/*background-color: silver;*/
	color: #000;
	padding: 5px;
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
}

#login-form table td {
	padding:			8px 12px;
	text-align:			left;
	margin:				0;
	vertical-align: middle;
	font-size:			12px;
}

#login-form table td .left {
	float:				left;
	vertical-align:		top;
	padding:			3px 0px;
}

#login-form table td .right {
	float:				right;
	vertical-align:		top;
/*	display:			block;*/
}


/*sidebar*/

#sidebar {
	float: left;
	width:	20%;
	clear: both;
}

#sidebar .gutter {
	max-width:		150px;
	padding-left:	5px;
	padding-top: 	5px;
}

#sidebar img {
	margin-left: -10px;
	/*padding-bottom: 3px;*/
	vertical-align: middle;
	/*padding-bottom: 3px;*/
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar li {
	padding: 0;
	margin-left:	5px;
	list-style:		none;
	border:			none;
	/*margin-bottom:	3px;*/
	margin-bottom: 0px;
	display:	inline;
}

#sidebar a {
	display:  block;
	/*padding: 3px 5px 3px 15px;*/
	padding-left:			18px;
	color:					#000;
	font-size:				11px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#sidebar a:link,
#sidebar a:visited {
 	text-decoration:		none;
	font-weight:			normal;
	border-top: thin solid #fff;
	border-bottom: thin solid #fff;
}

#sidebar a:hover {
	text-decoration: underline;
	background-color: #fff;
	font-weight:			normal;
	text-decoration:		none;
	border-top: thin solid #ddd;
	border-bottom: thin solid #bbb;

}


#sidebar a:link.selected, 
#sidebar a:visited.selected {
	font-weight:			bold;
	text-decoration:		none;
	background-color: 		#fff;
	border-top: thin solid #000;
	border-bottom: thin solid #000;

}

#sidebar a:link.completed, 
#sidebar a:visited.completed {
	background: url(../../images/completed.gif) no-repeat left center;
}


/* footer */

#footer {
	clear:	both;
	background:	#333366;
	color:	#fff;
	height:	75px;
	padding: 10px;
}

#footer span#right {
	position: relative;
	float: right;
	
}


#footer a:link, 
#footer a:visited {
	text-decoration:  none;
	color:  white;
}

#footer a:hover {
	text-decoration:  underline;
}

/* Edit Form Styles for EXT formPanels*/

.form-layout {
	padding: 10px;
	background-color: #fff;
}

.form-field {
	padding: 1px;
}

.form-field .x-form-item-label {
	font-size:	12px;
}

.form-field .x-form-item-label {
	font-size:	12px;
}

.shade .x-form-item-label {
	background-color: #E8E8E8;
}

.outline .x-form-item-label {
	/*background-color: lightgrey;*/
	border: 1px solid silver;
}


.form-field .x-form-field {
	font-size: 12px;
}

.form-title .x-form-text {
	font-weight: bold;
}

.required .x-form-item-label {
	/*font-weight:bold;*/
	font-size:	12px;
	/*text-decoration: ;*/
	color:red;
	/*background: url(../../images/bullet_red.png) no-repeat left top;*/
}

.optional .x-form-item-label {
	/*font-weight:bold;*/
	font-size:	12px;
	color:black;
	/*background: url(../../images/required.gif) no-repeat right center;*/
}

.subtotal .x-form-item-label {
	/*font-weight:bold;*/
	font-size:	12px;
	font-weight: bold;
	text-align: right;
}

.total .x-form-item-label {
	/*font-weight:bold;*/
	font-size:	12px;
	font-weight: bold;
	/*padding-left: 10px;*/
	text-align: right;
}

.requiredStatusText{
	background: url(../../images/bullet_red.png) no-repeat left top !important;
	padding-left: 15px !important;
	font-size:	12px;
	color:red;
}

.form-section-head .x-fieldset-header-text{
	font-weight:normal;
	font-size:	12px;
	color:black;
}

/* Section Edit Line (eg Edit Certificate Programs) */

#content .tool-bar {
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 5px;
	background-color: #597794;
	height: 20px;
}

.edit-btn {
	float: left;
}

.verify-btn {
	float: left;
	margin-left: 10px;
}

.sub-title {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	color: #fff;
	font-size: 13px;
}

.item-completed {
	background: url(../../images/completed.gif) no-repeat center center;
	width: 20px;
	height: 20px;
	float: left;
	background-color: #fff;
	margin-right: 5px;
}

.section-title {
	margin-top: 10px;
}

/* Editorial Change Button */

.changed {
    background-image:url(../../images/tick.png) !important;
}



/* StatusBar form validation example styles */

.x-statusbar .x-status-error {
    color: #C33;
    cursor: pointer;
    padding-left: 25px;
    /*background: transparent url(../../images/exclamation.gif) no-repeat 3px 3px;*/
}
/*.x-statusbar .x-status-valid {
    padding-left: 25px;
    background: transparent url(../../images/accept.png) no-repeat 3px 3px;
}*/
.x-status-error-list {
    font: 11px tahoma,arial,verdana,sans-serif;
    position: absolute;
    z-index: 9999;
    border: 1px solid #C33;
    background: #ffa;
    padding: 5px 10px;
    color: #999;
}
.x-status-error-list li {
    cursor: pointer;
    list-style: disc;
    margin-left: 10px;
}
.x-status-error-list li a {
    color: #15428B;
    text-decoration: none;
}
.x-status-error-list li a:hover {
    text-decoration: underline;
}

/* grid style for program list*/

    .icon-grid {
        background-image:url(../../layouts/images/grid.png) !important;
    }
    #button-grid .x-panel-body {
        border:1px solid #99bbe8;
        border-top:0 none;
    }
    .add {
        background-image:url(../../images/add.gif) !important;
    }
    .remove {
        background-image:url(../../images/delete.gif) !important;
    }


	.redcell { background-color:#FFE5E5 !important;}

	.greenrow { background-color:#C3FF8F !important;}
	.yellowrow { background-color:#FFFF66 !important;}
	.pinkrow { background-color:#FFE6CC !important;}
	.x-grid3-col-classCompanyID { background-color:#F2F2F2 !important;}
	
	
/*  Qtips List Formatting*/

/*.x-tip .x-tip-body {
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    margin:0 !important;
    line-height:14px;
    color:#444;
    padding:0;
}*/

.x-tip .x-tip-body ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 15px;
}

.x-tip .x-tip-body ul li {
	padding-bottom: 5px;
}

/*   CFI FORMAT  */

.cfi-label {
	float: left;
	width: 275px;
}

.cfi-year {
	float: left;
	width: 150px;
}

.panel-highlight{
	text-decoration: none;
	color: #000;
	background-color: lightyellow;
	border: 1px solid silver;
	font-style: bold;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
	display:	block;
	margin: 	10px 10px 10px 10px;
}

.panel-highlight ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 15px;
}

.panel-highlight ul li {
	padding-bottom: 5px;
}