/* [PAGE]
Project:    	CP - Compusys Project
Version:    	1.1
Created by:		Shea Parker
Primary use:    CP Provider Sites

Defines the global style for every page
 ------------------------------------------------------------*/
	body {
		margin:0px;
		text-align:center;
		background:url(/images/css/bgtile.gif);
		font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
		font-size:14px;
	}

/* Structure
-------------------------------------------------------*/
	#container {
		text-align:left;
		background:url(/images/css/bannerbackground2.png) repeat-x;
		overflow:auto;
	}

	#header{
		background:url(/images/css/bannerlogotitle2.png) no-repeat;
	}

	#content{
		background-image:url(/images/vertical-bar.png);
		background-repeat:repeat-y;
	}

	#footer {
		margin-top:20px;
		border-top:2px solid #000000;
		color:#777777;
		font-size:11px;
		overflow:visible;
	}

/* Main Block
-------------------------------------------------------*/
	.main-block {
		background:#FFFFFF;
		border-radius: 8px;
		overflow:visible;
		padding:10px;
		margin-bottom:10px;
	}
	.main-block h1{
		margin:0;
		padding:3px;
		border-bottom:1px dotted #666666;
		color:#666666;
		font-size:20px;
	}
	.main-block h2{
		margin:20px 0 3px 0;
		color:/*[Tan]*/#d2ae5a;
		font-size:16px;
	}
	.main-block a{
		text-decoration:underline;
	}

	.main-block-content{
		padding:15px;
	}

/* Left Sidebar
-------------------------------------------------------*/
	#sidebar {
		overflow:auto;
	}

	.left-sidebar{
		background-color:/*[PrimaryForeground]*/#2d4492;

	}

	.left-sidebar h1{
		height:17px;
		margin:0;
		padding:3px 0 0 3px;
		line-height:16px;
		font-size: 14px;
		text-align:center;
		color:/*[PrimaryForeground]*/#2d4492;
		background-color:/*[AccentForeground]*/#d2ae5a;
		border:1px solid #666666;
	}

/* online-status-control
-------------------------------------------------------*/
	#online-status-control {
		height:140px;
		padding-top:35px;
		text-align:right;
		color:#FFFFFF;
		line-height:20px;
	}
	#online-status-control a{
		color:#BBBBBB;
		border-bottom:1px dashed #AAAAAA;
	}
	#online-status-control a:hover{
		color:/*[Tan]*/#d2ae5a;
	}

/* main-location
-------------------------------------------------------*/
	.stat-location {
		text-align:right;
		font-size:24px;
		line-height: 32px;
		color:/*[Site-Secondary-Color]*/#664444;
		height:34px;
	}

/*  Status Action
-------------------------------------------------------*/
	.stat-action{
		text-align:left;
		font-size:18px;
		line-height: 32px;
		color:#03F;
	}

/* UL Vertical Menu
-------------------------------------------------------*/
	.ul-vertical-menu{
		list-style:none;
		margin:0;
		padding:0;
	}

	.ul-vertical-menu li{
		border-bottom:1px solid #999999;
	}

	.ul-vertical-menu a{
		border:0;
		font-family:Tahoma, Geneva, sans-serif;
		display:block;
		color:/*[SecondaryLink]*/#A9B4C7;
		padding:3px;
		font-size:12px;
	}

	.ul-vertical-menu a:hover{
		color:/*[PrimaryForeground]*/#2d4492;
		background:/*[AccentForeground]*/#d2ae5a;
	}

/* Navigation
-------------------------------------------------------*/
	.nav-main {
		height:37px;
	}
	.nav-main a{
		display:block;
		color:/*[Tan]*/#d2ae5a;
		font-size:16px;
		line-height: 30px;
		text-align:center;
		border-left:1px dotted /*[Tan]*/#d2ae5a;
	}
	.nav-main a:first-child{
		border-left:none !important;
	}
	.nav-main a:hover{
		color:/*[MainNavigationHover]*/#FFFFFF;
		border-bottom:2px solid /*[MainNavigationHighlight]*/#FFFFFF;
	}
	.nav-selected a{
		color:/*[MainNavigationHover]*/#FFFFFF;
	}

/* Vertical Menu
-------------------------------------------------------*/
	.major-box{
		position:relative;
		background-color:/*[LightBlue]*/#6078b8;
		background-image:url(/images/css/Health_220_x_m116.jpg);
		background-repeat:no-repeat;
		display:block;
		height:90px;
		text-align: center;
		color:/*[Tan]*/#d2ae5a;
	}
	.major-box-dod{
		position:relative;
		background-color:#FFFFFF;
		background-image:url(/images/css/DoctorOnDemand_220x116.png);
		background-repeat:no-repeat;
		display:block;
		height:90px;
		text-align: center;
		color:/*[Tan]*/#d2ae5a;
	}
	.major-box-dod span{
		position:absolute;
		bottom:0px;
		left:0px;
		display:block;
		font-size:16px;
		width:100%;
		text-shadow: #000000 2px 2px 2px;
		background-image:url(/images/css/trans-black-50.png);
	}
	.major-box span{
		position:absolute;
		bottom:0px;
		left:0px;
		display:block;
		font-size:16px;
		width:100%;
		text-shadow: #000000 2px 2px 2px;
		background-image:url(/images/css/trans-black-50.png);
	}
	.half-box {
		height:40px;
		padding:2px;
		margin-bottom:3px;
		line-height:20px;
	}
	.m-health-applehands {background-position:0px 0px;}
	.m-health-grasssmile {background-position:0px -116px;}
	.m-health-running {background-position:0px -232px;}
	.m-health-headset {background-position:0px -348px;}
	.m-health-hands {background-position:0px -467px;}
	.m-health-doctors {background-position:0px -581px;}
	.m-benny-card {background-position:0px -700px;}
	.m-health-holdinghands {background-position:0px -812px;}
	.m-pen-and-paper {background-position:0px -928px;}

	.m-noimage,.m-noimage span {background-image:none;}

	.major-box:hover{
		color:/*[White]*/#FFFFFF;
	}
	
	.major-box-dod:hover{
		color:/*[White]*/#FFFFFF;
	}

/* Table
-------------------------------------------------------*/
	.table-control {
		font-size:12px;
		width:100%;
		margin:0 auto;
		border:1px solid #999999;
	}
	.table-control th {
		font-weight:bold;
		text-align:left;
		border-right:1px dotted #999999;
		border-bottom:1px solid #999999;
		padding:1px;
		background:#DDDDDD;
	}
	.table-control td {
		border-right:1px dotted #999999;
		border-bottom:1px dotted #CCCCCC;
		padding:1px;

	}

	.table-control .smallwidth{width:80px;}
	.table-control .mediumwidth{width:100px;}
	.table-control .largewidth{width:200px;}

	.table-contactus{
		font-size:12px;
		width:auto;
		margin:auto 0;
		border:none;
		padding:0;
		border-spacing:0;
	}

	.table-contactus tr:nth-child(even) td {
		background: transparent;
	  }

	.table-contactus th {
		font-size:12px;
		font-weight:normal;
		border-right:none;
		border-bottom:none;
		background:none;
		

	}	

	.table-contactus td {
		font-size:12px;
		background:none;
	}	
/* Utilities
-------------------------------------------------------*/
	.c {text-align:center !important;}
	.l {text-align:left !important;}
	.r {text-align:right !important;}
	.nodisplay, .hide, .template {display:none !important;}
	.whitebg {background:#FFFFFF;}
	.red, .bad {color:red !important;}
	.good {color:green !important;}
	.hoverhighlight{
		cursor:pointer;
		background:#FFC !important;
	}
	.new {
		background:#EEA;
		color:#339;
	}
	.new p {
		margin-left:139px;
	}
	.displayrow{
		display:table-row !important;
	}
	.smalltype {
		font-size:10px;
	}
	.floatleft {
		float:left;
	}

	.floatright {
		float:right;
	}
	.newsletter {
		margin-left:8px !important;
		margin-top:28px;
		display:block;
		text-align:center;
	}
/* jQuery UI global overides
-------------------------------------------------------*/
	.accordion p {
		font-size:10px;
		line-height:11px;
		padding:0;
		margin:0 0 10px 0;
	}

/* Input styling
-------------------------------------------------------*/

	input.input-text {
		background-color: none!important;
		position: relative;
		padding-top:5px;
		z-index: 1;
	}

	label.inlined {
		cursor:text;
		position: relative;
		z-index: 2;
		padding-left: 6px;
		font-weight: normal;
		font-size: 12px;
		font-family: "Helvetica Neue";
		opacity: 0.55;
		-webkit-transition: opacity 0.15s linear;
	}

	label.inlined + input.input-text {
		display: block;
		margin-top: -22px;
	}

	label.focus {
		opacity: 0.35;
	}

	label.has-text {
		opacity: 0.0; -webkit-transition-duration: 0s;
	}

.welcome{
	height:280px;
	background-color:#FFFFFF;
	background-image:  -moz-linear-gradient(to right, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 40%) ,url(/images/css/welcome.jpg);
	background-image:  -webkit-linear-gradient(to right, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 40%) ,url(/images/css/welcome.jpg);
	background-image:  -ms-linear-gradient(to right, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 40%) ,url(/images/css/welcome.jpg);
	background-image:  -o-linear-gradient(to right, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 40%) ,url(/images/css/welcome.jpg);
	background-image:  linear-gradient(to right, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 40%) ,url(/images/css/welcome.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.welcome h1 {
	margin:10px 0px;
	padding:0px;
	font-size:24px;
	color:/*[DarkBlue]*/#2d4492;
}

span[title]  {
	padding-left:13px;
	background: url(/images/css/infoicon.png) 0px 2px no-repeat;
}

/*vvvvvvvvvvvvvv Link List 1 vvvvvvvvvvvvvv*/

#navigation-main {
	width:100%;
}
#navigation-main li{
	float:left;
	display:block-inline;
	height:20px;
}
#navigation-main a{
	display:block;
	border:none;
	border-left:1px dotted /*[Tan]*/#d2ae5a;
	padding: 7px 10px 6px 10px;
	color:/*[Tan]*/#d2ae5a;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#navigation-main-first a{
	border-left:none !important;
}
#navigation-main a:hover{
	color:/*[White]*/#FFFFFF;
	border-bottom:5px solid /*[Tan]*/#d2ae5a;
}
/*vvvvvvvvvvvvvv Link List 2 vvvvvvvvvvvvvv*/
#navigation-footer {
	text-align: center;
}
#navigation-footer li{
	display: inline;
}
#navigation-footer a{
	font-size:12px;
	padding:3px 10px;
	border:none;
}



/*vvvvvvvvvvvvvv Buttons vvvvvvvvvvvvvv*/
.buttonlink {
	width:auto;
	display:inline-block;
	padding:3px;
	border:1px solid #000000;
	margin:0px 3px;
	background:#666666;
	color:#FFFFFF;
	text-decoration:none !important;
	cursor:pointer;
}
.buttonlink:hover{
	background:#888888;
	color:#FFFFFF;
}

/*vvvvvvvvvvvvvv Main Content vvvvvvvvvvvvvv*/


/* Box ------------------------------*/
.cp-box{
	border:1px solid #999999;
	margin-bottom:15px;
}
.cp-box h2{
	margin:0;
	padding:3px;
	background:#CCCCCC;
	color:/*[DarkBlue]*/#2d4492;
	font-size:14pt;
}
.box-extra1 {
	float:right;
	text-align:right;
	padding:1px;
	width:200px;
}

.box-extra1 a{
	text-transform:capitalize;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #7c7c7c;
	display:inline-block;
	color:#777777;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.box-extra1 a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.box-extra1 a:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.box-content {
	padding:5px;
	overflow:hidden;
}
.box-left{
	width:50%;
	float:left;
}

/* Standard List ------------------------------*/
.standardlist{
	margin:5px 40px 10px 40px;
	list-style-type: circle;
}
.standardlist li {
	margin-top:5px;
}
.standardlist li li{
	margin-left:10px;
	list-style-type:square;
}
/*vvvvvvvvvvvvvv Unique Elements vvvvvvvvvvvvvv*/

#widget-fasb{
	display:block;
	width:700px;
	margin:	30px auto;
	overflow: auto;
}
#widget-fasb>li{
	border:1px solid black;
	display:block;
	width:190px;
	text-align:center;
	float:left;
	margin:10px;
	padding:30px 10px;
}
#widget-fasb>li span{
	display:block;
	padding:10px;
}
#widget-fasb .grey{
	background:#CCCCCC;
	color:#888888 !important;
	border:1px solid #888888;
}
#WaitBox {
	position:absolute;
	top:-1000px;
	left:-1000px;
	width: auto;
	padding:10px;
	border:3px inset #555555;
	background:#C93;
	color:#FFFFFF;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:left;
}
#copywrite{
	clear:both;
	text-align:center;
	font-size:12px;
	margin-top:10px;
}
#main-location {
	float:right;
	margin-top:-20px;
	width:400px;
	text-align:right;
	font-size:18px;
	color:#664444;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#TermsDiv{
	text-align:center;
}
#termTextArea {
	border:2px solid black;
	padding:5px;
	margin:10px auto;
	width:80%;
	height:400px;
	overflow:scroll;
	text-align:left;
}
.rightswordsnake {
	background:url(/images/css/rightswordsnake.png) no-repeat right;

}
.pagination {
	width:200px;
	float:right;
	text-align:right;
}
#QuestionsDiv {
	padding:20px;
}
#QuestionsDiv span{
	padding:20px;
}

.error {
	padding:40px;
	color:AA3333;
}
.alert {
	width:500px;
	margin:auto;
	padding:20px;
	color:#666666;
}
.backtohome{
	margin:5px 0px;
}
/*vvvvvvvvvvvvvv Utility Classes vvvvvvvvvvvvvv*/

a {
	color:/*[DarkBlue]*/#555599;
	text-decoration:none;
	padding-bottom:1px;
}
a:hover {
	color:/*[Red]*/#d92d39;
}

p{
	text-align: justify;
	line-height: 1.25em;
	margin-top:10px;
}
blockquote {
	padding:10px 20px;
}
.aside {
	color:#999999;
	font-size:12px;
	font-style:italic;
	margin-left:10px;
}
.clearHeader{
	padding-top:0px;
}
.aside {
	color:#999999;
	font-size:12px;
	font-style:italic;
	margin-left:10px;
}
.bottom-10{
	margin-bottom:10px;
}
.top-10{
	margin-top:10px;
}
.debug {outline:1px solid red;}
/* ----------------- Hacks ------------------ */
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {display: inline-table;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */