INPUT {
	FONT-WEIGHT: BOLD; FONT-SIZE: 14px; FONT-FAMILY: Verdana
}
INPUT.Required 
{
	background-color: Rose
}
SELECT 
{
	FONT-WEIGHT: BOLD; FONT-SIZE: 14px; FONT-FAMILY: Verdana
}
SELECT.Required 
{
	background-color: MistyRose
}
.LOCKED
{
	background-color: LightCyan
}
LABEL 
{
	FONT-SIZE: 11px; FONT-FAMILY: tahoma,sans-serif
}
SPAN
{
	FONT-FAMILY: Verdana
}
.TITLE
{
	FONT-WEIGHT: bold; FONT-SIZE: 16pt; font-family: Arial
}
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; MARGIN: 0px 0px 0px; FONT-FAMILY: Verdana
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; MARGIN: 22px 0px 9px; BORDER-BOTTOM: #36c 1px solid; FONT-FAMILY: Verdana
}

TD {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: Verdana
}
.ColumnHeading 
{
	FONT-WEIGHT: bold; FONT-SIZE: 16px; FONT-FAMILY: Arial
}
SPAN.General {
	FONT-WEIGHT: bold; FONT-SIZE: 6pt; FONT-FAMILY: Arial
}
SPAN.SearchReuslts {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; FONT-FAMILY: Arial
}
TD.button {
	PADDING-RIGHT: 9px; PADDING-LEFT: 9px; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; TEXT-ALIGN: center
}
A 
{
	color: Blue
}
A.Visited
{
	color: Blue
}
A.Hover
{
	color: Blue
}
SPAN.Message {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: red; FONT-FAMILY: Verdana
}
SPAN.Required {
	FONT-WEIGHT: bold; FONT-SIZE: 6pt; COLOR: red; FONT-FAMILY: Verdana
}
.PrimaryTab 
{
	font-family: Arial; color: #FFFFFF; background-color: #01579B; width: 170px; font-size:32px
}
.PrimaryTable
{  
	background-color: #e6e6fa; width: 810px
}
.SecondaryTab 
{
	font-family: Arial; color: #FFFFFF; background-color: #01579B; width: 170px
}
.SecondaryTable
{  
	background-color: #e6e6fa
}
.Bar
{
	font-size: 14px; color: white; background-color: #01579B
}
.AlertButton
{
 background-color: Red; border-color: White; color: White; font-weight: bold
}
.BigText
{
	font-family: Arial; font-size: 16px; height: 32px
}
.SmallText
{
	font-family: Arial; font-size: 12px; height: 25px
}
.BigInput
{
	font-family: Arial; font-size: 16px; font-weight: bold
}
.ActionButton
{
 background-color: Lime; border-color: White; color: Black; font-weight: bold; font-size: 16px
}
.CustomerDetailsButton
{
 background-color: Black; border-color: White; color: White; font-weight: bold
}
.PowerDeskButton
{
	background-color: Navy; border-color: White; color: White; font-weight: bold; font-size: 14px
}
.PowerSalesButton
{
	background-color: Navy; border-color: White; color: White; font-weight: bold; font-size: 14px
}
.SignOutButton
{
	background-color: Olive; border-color: White; color: White; font-weight: bold; font-size: 14px
}
.CustomerSearchButton
{
	background-color: Black; border-color: White; color: White; font-weight: bold
}
.AddCustomerButton
{
	background-color: Black; border-color: White; color: White; font-weight: bold
}
.AddCommentButton
{
	background-color: Black; border-color: White; color: White; font-weight: bold
}
.ScheduleAppointmentButton
{
	background-color: Black; border-color: White; color: White; font-weight: bold
}
.AppointmentSearchButton
{
	background-color: Black; border-color: White; color: White; font-weight: bold
}
.RecordPurchaseButton
{
	background-color: Black; border-color: White; color: White; font-weight: bold
}
.DefaultHeader
{
	background-color: #000000
}
.CommonHeader
{
	background-color: #000000
}
.HeaderSignature
{
	color: White; font-size: 12; font-family: Arial
}
.HeaderTitle
{
	FONT-WEIGHT: bold; FONT-SIZE: 28px; MARGIN: 0px 0px 0px; FONT-FAMILY: Verdana; color: White
}
.MainTable
{
	background-color: #e6e6fa
}
.MainCell
{
	background-color: #e6e6fa
}
.PageHeader
{
	font-family: Verdana; font-weight: bold; font-size: 28px; color: white
}
BODY
{
	margin-top: 0; margin-left: 0
}

/*CollapsiblePanel: from ajaxt control toolkit*/
.collapsePanelClick {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelclick{	
	width:100%;		
	height:30px;
	background-image: url(images/bg-menu-selected.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#rightcolumn .collapsePanelclick a {color:#FFF;}
#rightcolumn .collapsePanelclicka:hover {text-decoration:none;background:none;}

.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	background-image: url(images/bg-menu-main.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#rightcolumn .collapsePanelHeader a {color:#FFF;}
#rightcolumn .collapsePanelHeader a:hover {text-decoration:none;background:none;}


/*CollapsiblePanel: from ajaxt control toolkit*/
.collapsePanelBehind {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelBehind{	
	width:100%;		
	height:30px;
	background-image: url(images/somethingthere.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#rightcolumn .collapsePanelBehind a {color:#FFF;}
#rightcolumn .collapsePanelBehind:hover {text-decoration:none;background:none;}


.emailparagraph 
{
	margin:0in;
	margin-bottom:0001pt;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-image:url(images/header.png);
	z-index:50;
}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

.DataGridFixedHeader {
	background-color: white; 
	position:relative;
	top:expression(this.offsetParent.scrollTop);
	z-index: 40;
}

HeaderCal 
{
	 background: #01579B
	 Color: White; 
	 Background-Color: #01579B;
	 FONT-WEIGHT: bold; 
	 FONT-SIZE: 16px; MARGIN: 0px 0px 0px; FONT-FAMILY: Verdana; color: White
}

DIV.table-rowblue {
  background: none #01579B; border: solid white 1px; 
  color: White; margin-top: 0; margin-right: 0; 
  margin-bottom: 0; margin-left: 0;
  padding: 0; text-align: center; width: 96%
}
DIV.table-rowgray {
  background: none #C0C0C0; border: solid white 1px; 
  color: White; margin-top: 0; margin-right: 0; 
  margin-bottom: 0; margin-left: 0;
  padding: 0; text-align: center; width: 96%;
}
DIV.table-rowwhite {
  background: none white; border: solid white 1px; 
  color: White; margin-top: 0; margin-right: 0; 
  margin-bottom: 0; margin-left: 0;
  padding: 0; text-align: center; width: 96%;
}
DIV.table-row {
  background: none; border: solid white 1px; 
  color: White; margin-top: 0; margin-right: 0; 
  margin-bottom: 0; margin-left: 0;
  padding: 0; text-align: center; width: 100%;
}

/* Style rules for the 3 x 2 table example */

DIV.first-container2 {
  border: none; float: left; margin: 0; padding: 0; 
  width: 27%;
}
DIV.second-container2 {
  border: none; float: left; margin: 0; padding: 0; 
  width: 28%;
}
DIV.third-container2 {
  border: none; float: left; margin: 0; padding: 0; 
  width: 30%;
}
DIV.fourth-container2 {
  border: none; float: left; margin: 0; padding: 0; 
  width: 15%;
}

DIV.left-container {
  border: none; float: left; margin: 0; padding: 0; left: auto;
  width: 100%;
}
DIV.center-container2 {
  border: none; float: none; margin: 0; padding: 0; 
  width: 100%;
}
DIV.center-Appt-container2 {
  border: none; float: none; margin: 0; padding: 0; 
  width: 100%;
  background-image:url(images/little-blue-guy.jpg);
}
DIV.left-container2 {
  border: none; float: left; margin: 0; padding: 0; 
  width: 50%;
}
DIV.right-container2 {
  border: none; float: right; margin: 0; padding: 0; 
  width: 50%;
}
DIV.5-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: 5%;
}
DIV.10-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: 10%;
}
DIV.15-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: 15%;
}
DIV.20-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: 20%;
}
DIV.25-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: 25%;
}
DIV.30-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: 30%;
}
DIV.35-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: 35%;
}
DIV.40-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: 40%;
}
DIV.50-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: 50%;
}
DIV.60-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: 60%;
}
DIV.95-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: 95%;
}
DIV.99-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: 99.9%;
}
DIV.1-container {
  border: none; float: left; margin: 0; padding: 0; 
  width: .1%;
}

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* Some rules for captions, headers and running text */

H4.table-caption {
  background: transparent; color: #3333cc; font-family: 
  sans-serif; font-size: 1em; font-style: italic; 
  font-weight: bold; margin: 0;
  padding: 0.3em; text-align: center; width: auto;
}
P.text {
  border: solid #3333cc 1px; margin: 0; 
  padding: 0.3em 0.3em 0 0.3em;
  font-style: normal; font-size: 1em; 
  text-align: center; text-indent: 0;
  width: auto;
}

/* I don't know why top & left aren't working in this div, but oh well */
		             #MainProgressDiv {
		             position: absolute; 
		             top: 200;
		             left: 100;
		             width: 200;
                     height: 100; 
                     background-color: White; 
                     z-index: 50;
                     border-width: 0; 
                     border-style:solid;
                     text-align: center
                     }



.printabletable {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}
.printabletable th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
.printabletable td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
.style7
{
 width:100px; 
 padding-right:0px;
    padding-left:0px;
}
.style1
        {
            height: 50px;
        }
.style3
{
	height: 24px;
}

TD { FONT-SIZE: 12px } 

a.nextstep{ background-image:url(images/DAM/next-step.png);background-repeat:no-repeat; background-size:140px 28px; display:block;  } 
a.nextstep:hover{background-image:url(images/DAM/next-step-active.png); display:block;}

a.previousstep{ background-image:url(images/DAM/previous-step.png);background-repeat:no-repeat; background-size:140px 28px; display:block;} 
a.previousstep:hover{background-image:url(images/DAM/previous-step-active.png); display:block;}
 
a.saveforlaterstep{ background-image:url(images/DAM/save-for-later.png);background-repeat:no-repeat; background-size:140px 28px; display:block;} 
a.saveforlaterstep:hover{background-image:url(images/DAM/save-for-later-active.png); display:block;}

a.cancelchangesstep{ background-image:url(images/DAM/cancel-changes.png);background-repeat:no-repeat; background-size:140px 28px; display:block;} 
a.cancelchangesstep:hover{background-image:url(images/DAM/cancel-changes-active.png); display:block;}

a.submitstep{ background-image:url(images/DAM/submit.png);background-repeat:no-repeat; background-size:140px 28px; display:block;} 
a.submitstep:hover{background-image:url(images/DAM/submit-active.png); display:block;}

a.approve{ background-image:url(images/DAM/approve.png);background-repeat:no-repeat; background-size:250px 28px;display:block;} 
a.approve:hover{background-image:url(images/DAM/approve-active.png); display:block;}


a.editrequest{ background-image:url(images/DAM/edit-request-gray.png);background-repeat:no-repeat; background-size:250px 38px; display:block;} 
a.editrequest:hover{background-image:url(images/DAM/edit-request-gray-active.png); display:block;}


a.requeststatus{ background-image:url(images/DAM/request-status-gray.png);background-repeat:no-repeat; background-size:250px 38px; display:block;} 
a.requeststatus:hover{background-image:url(images/DAM/request-status-gray-active.png); display:block;}

a.requestnewmedia{ background-image:url(images/DAM/request-new-media-gray.png);background-repeat:no-repeat; background-size:250px 38px; display:block;} 
a.requestnewmedia:hover{background-image:url(images/DAM/request-new-media-gray-active.png); display:block;}

div.RemoveBorders .rgHeader,
div.RemoveBorders th.rgResizeCol,
div.RemoveBorders .rgFilterRow td
{
	border-width:0 0 1px 0; /*top right bottom left*/
}
div.RemoveBorders .rgRow td,
div.RemoveBorders .rgAltRow td,
div.RemoveBorders .rgEditRow td,
div.RemoveBorders .rgFooter td
{
	border-width:0;
	padding-left:7px; /*needed for row hovering and selection*/
}
div.RemoveBorders .rgGroupHeader td,
div.RemoveBorders .rgFooter td
{
	padding-left:7px;
}
div.RemoveBorders .rgAltRow
{
   background: AliceBlue;
}
div.RemoveBorders .rgAltRow td 
{
   border-color: #f00;
}
.twitter-follow-button {width: 150px !important;}

/*New Telerik added more padding, this resets it*/
.RadGrid .rgRow > td, .RadGrid .rgAltRow > td, .RadGrid .rgEditRow > td, .RadGrid .rgFooter > td, .RadGrid .rgFilterRow > td, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgGroupHeader td 
{
    padding-left: 7px !important;
    padding-right: 7px !important;
}
.RadGrid .rgHeader, .RadGrid th.rgResizeCol 
{
    padding-top: 5px !important;
    padding-bottom: 4px !important;
}
.RadGrid .rgRow, .RadGrid .rgAltRow, .RadGrid .rgEditRow, .RadGrid .rgFooter, .RadGrid .rgGroupHeader {
    height: 0 !important;
}