/*
====== CSS Document for V2 Emailer Program [JN:4001] ======
	Matt Cooper for V2
	http://www.v-2.uk.com
	August 2006
	
--- Ameneded by Michael Wunsche c/o CCH August 2008 ---

*/
/*
====== Default CSS Content ======

	1: Globals
	2: Typography
	3: Layouts
	4: Navigation 
	5: Forms
	6: Tables
	7: Any datagrid styling (mainly .NET)
	8: Images

============
*/


/* 
====== 1: START: Globals ======
*/
body { 
	font-size:70%; 
	color: #bdbdb5;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../../common/images/top.gif);
	background-repeat:no-repeat
}

/* 
====== 1: END: Globals ======
*/


/*
====== 2: START: Typography ======
*/
h1 {
	font-size: 135%;
	color:#cb414d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	border-bottom: 1px solid #bdbdb5;
	padding:0px 0px 2px 0px;
	margin: 0px 2px 10px 2px; 
}

h2 {
	font-size: 115%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#663366;
	padding:2px 0px 2px 0px;
	margin: 0px 0px 10px 0px;
}

h3 {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #444444;
	padding:2px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
}

h4, h5, h6 {
	font-size: 90%;
	font-weight: normal;
	color: #444444;
	margin-top:1px;
}

p {
	font-size:110%;
}

.belowLogin {
	font-size: 90%;
	margin:0px;
	padding:0px;
}

.belowLogin p {
	width: 317px;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
	position:relative;
	left:200;
}


a:link.instructions, a:visited.instructions, a:active.instructions{
	font-size: 185%;
	color:#cb414d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding:0px 0px 2px 0px;
	margin: 0px 2px 10px 2px; 
}



a:link, a:visited, a:active {
	color: #cb414d;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}




a:hover {
	color: #cb414d;
	text-decoration: underline;
}

.whiteLink a:link, .whiteLink a:visited, .whiteLink a:active {
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}

.whiteLink a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#actionBox p a:link, #actionBox p a:visited, #actionBox p a:active {
	width: 100%;
	height: 100%;
	font-size: 90%;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

.form p {
	height: 30px;
	color: #FFFFFF;
	background-color: #cb414d;
	padding: 6px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#footer p {
	color: #FFFFFF;
	font-size: 140%;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 100px;
}

.login p {
	color: #FFFFFF;
	border-bottom: solid 4px #FFFFFF;
	padding: 5px 0px 8px 10px;
	margin: 0px 0px 0px 0px;
}

.accountRequest p {
	color: #FFFFFF;
	border-bottom: solid 4px #FFFFFF;
	padding: 5px 0px 8px 10px;
	margin: 0px 0px 0px 0px;
}

dl dt {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
}

dl dd {
	margin: -18px 0px 18px 110px;
	padding: 0px 0px 0px 0px;
}

.form dl dt {
	color: #bdbdb5;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
}

.form dl dd {
	margin: -18px 0px 18px 110px;
	padding: 0px 0px 0px 0px;
}

.form dl dt span {
	font-weight: bold;
	color: #cb414d;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
}

/*
====== 2: END: Typography ======
*/


/*
====== 3: START: Layouts ======
*/
#flashContainer{
	/*width:100%;*/
	text-align:center;
}
#container {
	width:776;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#sidepanel {
	width: 146px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content {
	width:620px;
	float:right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#header {
	width: 753px;
	height: 115px;
	margin-top: 0px;
	vertical-align: bottom;	
	background: url(../../common/images/cch_header3.jpg) no-repeat top left;
}

#dynamicContent {
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	width:600px;
	float:left;
}

#footer {
	height:25px;
	width: 758px;
	clear: both;
	font-size: 70%;
	color: #cb414d;
	background-color: #cb414d;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	display: block;
}

.clear {
	height:1px; clear:both;
}

#innerwrap {
	color: #333;
	width: 100%;
}

#actionBox {
	width:140px;
	border:solid 1px #bdbdb5;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

#actionBox p {
	margin: 5px 5px 5px 5px;
}

#actionBox p.header {
	background-color: #bdbdb5;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}


.welcome
{
	float:left;
	width:66%;
	font-size:90%;
}

.timeout
{
	clear:both;
	font-size:90%;
}

.downloadInstructions
{
	vertical-align:top;
	border:0px;
}

/*
====== 3: END: Layouts ======
*/


/*
====== 4: START: Navigation ======
*/

ul {
	padding: 0px 0px 0px 10px;
	margin: 5px 5px 5px 15px;
	color: #bdbdb5;
}

#sidepanel ul {
	list-style: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#sidepanel ul li {
	border-bottom: solid 1px #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#sidepanel ul li a {
	display: block;
	height:20px;

	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 5px;
	background-color: #f3d2d4;
}
#sidepanel ul li a:hover {
	background-color: #cb414d;
	color: #ffffff;
	text-decoration: none;
}
ul a:link, ul a:active, ul a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #cb414d;
	background:#cb414d;

	display: block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;


}


#sidepanel ul li.title {
	height:35px;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
	background:#cb414d;
}

#sidepanel ul li.title p {
	padding: 9px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}

#header a {
	float: right;
	padding-top:40px;
}

/*
====== 4: END: Navigation ======
*/


/*
====== 5: START: Forms ======
*/

.browseButton {
	height:23px;
	margin:0px; 
	padding:0px;
}

.button {
	margin-top:10px;
}

.smallButton {
	color: #000000;
	font-size: 115%;
}

.login {
	width: 317px;
	background-color: #cb414d;
	height: 158px;
	margin-bottom:10px;
	position:relative;
	left:200;
}

.accountRequest {
	width: 376px;
	background-color: #cb414d;
	height: 317px;
	margin-bottom:10px;
	position:relative;
	left:200;
}

.form {
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border: solid 1px #FFCC33;
}

.loginBtn {
	width: 257px;
	color: #444444;
	font-size: 115%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.buttonContainer {
	float:right;
	color: #444444;
	font-size: 115%;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
	
}

.formBtn {
	width: 610px;
	color: #444444;
	font-size: 115%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

input {
	
}

.loginBtn input {
	float: right;	
}

.formBtn input {
	float: right;	
}

input.loginBox {
	width:146px;
	color: #444444;
	font-size: 115%;
}

input.accountRequestBox {
	width:250px;
	color: #444444;
	font-size: 115%;
}

input.formBox {
	color: #444444;
	font-size: 115%;
}

.exception {
	color:#FF0000;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
}

input.feedback, input.feedbackBox {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.medListBox {
	width:250px;
}

.medTextBox {
	width:250px;
}

/*
====== 5: END: Forms ======
*/


/*
====== 6: START: Tables ======
*/
table {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
	color: #444444;
}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.tableHeader {
 	padding-left: 6px; 
 	background-color: #cb414d; 
 	color: #FFFFFF; 
 	height: 20px;
	margin-top: 0px;
	padding-top: 0px;
	vertical-align:middle;
}

table.profile {
	border: 1px solid #bdbdb5;
	padding: 0px;
	margin: 0 0 20px 0;
}

table.profile td {
	padding: 0px;
	margin: 0px;
}

table.profile td input {
	padding: 0px;
	margin: 0px 0px 0px 5px;
	height:22px;
}

.profileText {
	font-weight: bold;
	display:inline-block;	
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;	
} 

td.answertable table {
	padding: 0px;
	margin: 0px;
}

td.answertable table td {
	padding: 5px 0px 15px 0px;
	margin: 0px;
	vertical-align:top;
	width:90px;
}

td.answertable table label{
	float:left;
	margin:0px;
	padding: 0px 0px 0px 4px;
}

td.answertable table input {
	float:left;
	margin:0px;
	padding:0px;
}

/*
====== 6: END: Tables ======
*/


/*
====== 7: START: Datagrid ======
*/

table.dataGrid {
	margin-left:2px;
}

table.dataGrid td {
	vertical-align:top;
	padding:2px 2px 4px 0px;
}

table.dataGrid td sup {
	vertical-align:bottom;
}

tr.DataGridPager {
	height: 35px;
	text-align: right;
}

tr.DataGridPager span {
	color: #666666;
	font-size: 100%;
	font-weight: bold;
}

tr.tr_b {
	background-color: #fcf1f7;
}

tr.tr_head {
	background-color: #f3d2d4;
	padding: 10px;
}

tr.DataGridHeader {
	color: #cb414d;
	font-size: 100%;
	font-weight: bold;
}

tr.DataGridHeader td {
	padding:6px 10px 15px 0px;
	vertical-align:top;
}

.btmSpace {
	padding-bottom:10px;
}

td.formFieldText {
	display:inline-block;	
	height:25px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align:top;
}

td.formField {
	display:inline-block;
	vertical-align:top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

td.formField input {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*
====== 7: END: Datagrid ======
*/


/*
====== 8: START: Images ======
*/

/*
====== 8: END: Images ======
*/

.warning {
	color:red;
}

.highlight
{
	color:black;
	background-color:Yellow;
}

.warning p {
	background-color:#FFF2F2;
	background-image: url(../../common/images/caution.gif);
	background-repeat:no-repeat;
	background-position: 4px center;
	display:block;
	color:red;
	padding: 5px 0px 5px 24px;
	border-top: solid 1px red;
	border-bottom: solid 1px red;
	margin-bottom:10px;
	margin-top:10px;
}

.floatRight {
	float:right;
	margin-bottom:10px;
}

.floatLeft {
	float: left;
}

.two_column {	
	margin-right:5px;
	margin-bottom:10px;	
}

td.answertable textarea {
	display:block;
	margin:8px 0px 8px 8px;
	color: #666666;
}

td label {
	clear:both;
	margin-left:3px;
	padding:5px 0px 0px 0px;
}

table.profile td {
	display:inline-block;
	padding:0px;
	margin:0px;
}

table.profile td label  {
	
}

table.profile td input  {
}

select {
	margin:0px 0px 0px 5px;
	padding:0px;
	margin:0px;
}
 
.two_column select {
	margin-top:-3px;
	margin-bottom:10px;
}

.two_column label, .two_column label.label {
	float:left;
	width:125px;
	vertical-align:top;
	margin-right:5px;
}

.filterButtons {
	border-top: 1px solid #999999;
	clear: both;
	padding: 15px 0px 15px 0px;
}

#content {
	width:100%;
}

#ctl00_pnlJ {margin: 0; padding: 0; display:inline;}

#ctl00_pnlJ a:hover {color:#fff; background:#cb414d; text-decoration:none;}
#ctl00_pnlJ a {display:block; background:#f3d2d4; padding: 2px 3px 2px 3px; width: 100px; font-weight:normal; margin: 0; text-align:center; }


.pdfIcon {}