html { 
   overflow: auto; 
}

body 
{
    overflow: auto; 
	font: normal 11pt Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: normal;
	margin:0px;
}

A:link, a:visited, a:active {

	color: #000099;
	text-decoration: none;
}

A:hover {
	
	color:#FF0000;
	text-decoration: underline;
}

.full_w{
    width:100%;
    overflow:auto;
    min-width:1024px
}

.contactinfo {
	font: normal x-small/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0px 8px 0px 0px;
	
}

.contactinfo a:link, .contactinfo a:visited {
	color: #333;
	text-decoration: none;
}

.contactinfo a:hover {
    color: #333;
    text-decoration: underline;
	
}

.signinHeader {
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #fff;			
}

.signinText {
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #333;			
}
.signinText a:link,.signinText a:visited {
     color: #333333;
	 text-decoration: none;
}

.signinText a:hover {
    color: #333333;
    text-decoration: underline;
	
}
.TopMenubar { 
background-image:url(../images/greyLine.gif); background-repeat:repeat-x; background-position:bottom left;
}

.TopMenu { 
	background-image: url(../images/topMenuBg.gif); 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	padding-top: 3px; 
	padding-bottom: 2px; 
	text-decoration: none;  
	border-bottom: 1px solid #333333; 
}

.TopMenu  A:link, .TopMenu  A:visited  { 
	background-image: url(../images/topMenuBg.gif); 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: white; 
	padding-left: 8px; 
	padding-right: 8px; 
	padding-top: 3px; 
	padding-bottom: 2px; 
	text-decoration: none;
}

.TopMenu  A:hover { 
	background-image: url(../images/topMenuBgOver.gif);
}

.TopMenuSelected { 
	background-color: white ; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	padding-top: 3px; 
	padding-bottom: 2px; 
	text-decoration: none;
}

.TopMenuSelected  A:link, .TopMenuSelected  A:visited, .TopMenuSelected  A:hover { 
	background-color: white ; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #003399;  
	padding-left: 8px; 
	padding-right: 8px; 
	padding-top: 3px; 
	padding-bottom: 2px; 
	text-decoration: none;
}

.TopMenuSelected  A:hover { 
	background-color: white ; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #003399; 
	padding-left: 8px; 
	padding-right: 8px; 
	padding-top: 3px; 
	padding-bottom: 2px; 
	text-decoration: underline;
}

.content{
border-left:1px solid #333333; border-right:1px solid #333333; border-bottom:1px solid #333333;  padding: 8px 8px 8px 8px;
}

#actionbutton{
text-align:right;
}
	

#pagetitle {
	font: bold 1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
	color: #DF8A4F;
	text-align: left;
	margin: 0px 0px 8px;
	
}

/************* #breadcrumb styles ***************/
#breadCrumb{
	font-size: 0.8em;
	padding: 5px 0px 5px 3px;
}

#breadCrumb a:link ,#breadCrumb a:visited
{
	 text-decoration: none;
	 
	 color: #000099; 
	
}
#breadCrumb a:hover
{
	text-decoration:underline;
	
	color: #FF0000;
}	

.MainContent {
	border: solid 1px Gray ;
	border-collapse:collapse;
	width:100%;
}

.MainDivBrd {
	border-right:1px Gray;
}

.InputButton {
	font-size: 11pt;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	border: solid 1px #4d4a46;
	color: #333333;
	background-color: #FFCC00;
	cursor: hand;
	text-align: center;
	margin-top:3px;
}

.InputFormButton {
	font-size: 11px; 
	font-family: Verdana, Arial, sans-serif; 
	border: solid 1px #4d4a46; 
	color: #333333; 
	background-color: #C2C590; 
	cursor: hand; 
	text-align: center; 
	font-weight: bold;
	padding-top: 3px; 
}

.ButtonOn{
    width:70px; 
    height:24px;
    background-image: url('../images/btnOn.gif');
	font-size: 10pt;
	font-weight: bold;
	border: 0px;
	color: Blue;
	padding-top:2px;		
}

.ButtonOff{ 
    width:70px; 
    height:24px;
    background-image: url('../images/btnOff.gif');
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	border: 0px;
	color: Teal;
	padding-top:2px;		
}

.ButtonOnS{
    width:60px; 
    height:24px;
    background-image: url('../images/btnOnS.gif');
	font-size: 10pt;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	border: 0px;
	color: Blue  ;
}

.ButtonOffS{ 
    width:60px; 
    height:24px;
    background-image: url('../images/btnOffS.gif');
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	border: 0px;
	color: Teal;
}

.ButtonOnL{
    width:110px; 
    height:24px;
    background-image: url('../images/btnOnL.gif');
	font-size: 10pt;
	font-weight: bold;
	border: 0px;
	color: Blue;
	padding-top:2px;		
}

.ButtonOffL{ 
    width:110px; 
    height:24px;
    background-image: url('../images/btnOffL.gif');
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	border: 0px;
	color: Teal;
	padding-top:2px;		
}

.ButtonOnM{
    width:40px; 
    height:24px;
    background-image: url('../images/btnOnM.gif');
	font-size: 10pt;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	border: 0px;
	color: Blue;
	padding-left:6px;
}

.ButtonOffM{ 
    width:40px; 
    height:24px;
    background-image: url('../images/btnOffM.gif');
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	border: 0px;
	color: Teal;
	padding-left:6px;
}

.ButtonOn80{
    width:80px; 
    height:24px;
    background-image: url('../images/btnOn80.gif');
	font-size: 10pt;
	font-weight: bold;
	border: 0px;
	color: Blue;
	padding-top:2px;		
}

.ButtonOff80{ 
    width:80px; 
    height:24px;
    background-image: url('../images/btnOff80.gif');
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	border: 0px;
	color: Teal;
	padding-top:2px;		
}

.ButtonOn90{
    width:90px; 
    height:24px;
    background-image: url('../images/btnOn90.gif');
	font-size: 10pt;
	font-weight: bold;
	border: 0px;
	color: Blue;
	padding-top:2px;		
}

.ButtonOff90{ 
    width:90px; 
    height:24px;
    background-image: url('../images/btnOff90.gif');
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	border: 0px;
	color: Teal;
	padding-top:2px;		
}

.ButtonOn100{
    width:100px; 
    height:24px;
    background-image: url('../images/btnOn100.gif');
	font-size: 10pt;
	font-weight: bold;
	border: 0px;
	color: Blue;
	padding-top:2px;		
}

.ButtonOff100{ 
    width:100px; 
    height:24px;
    background-image: url('../images/btnOff100.gif');
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	border: 0px;
	color: Teal;
	padding-top:2px;		
}

.LinkButton
{
    margin:3px;
    border-width:1; 
    border-style:outset;
    border-color:LightBlue; 
    background-color:LightCyan;
    cursor:pointer;
}

.MenuItemOn{
	font-size: 10pt;
	font-weight: bold;
	background-color:Lavender;
	border: 0px;
	color: Blue;
	padding:7px;	
	white-space:nowrap;	
}

.MenuItemOff{ 
	font-size: 10pt;
	background-color:White;
	font-weight: bold;
	border: 0px;
	color: Teal;
	padding:7px;
	white-space:nowrap;
}
/************* #copyright styles ***************/
.copyrighttext {
	FONT: 10px erdana, Arial, sans-serif; 
	COLOR: #333333; 
}

.copyrighttext a:link , .copyrighttext a:visited
{
	 text-decoration: none; 
	 COLOR: #333333; 
}
.copyrighttext a:hover
{
	text-decoration:underline;
}

/************* #AutoComplete List styles ***************/
.ListMain
{
    visibility : hidden;
    background-color: white;
    border:1px solid;
    border-color:Teal; 
    width:160px !important;
    list-style-type:none;
    margin:0px;
    padding : 1px;
}

.ListNarMain
{
    visibility : hidden;
    background-color: white;
    border:1px solid;
    border-color:Teal; 
    width:60px !important;
    list-style-type:none;
    margin:0px;
    padding : 1px;
}

.ListWidMain
{
    visibility : hidden;
    background-color: white;
    border:1px solid;
    border-color:Teal; 
    width:250px !important;
    list-style-type:none;
    margin:0px;
    padding : 1px;
}

.ListXWidMain
{
    visibility : hidden;
    background-color: white;
    border:1px solid;
    border-color:Teal; 
    width:300px !important;
    list-style-type:none;
    margin:0px;
    padding : 1px;
}

.ListXXWidMain
{
    visibility : hidden;
    background-color: white;
    border:1px solid;
    border-color:Teal; 
    width:350px !important;
    list-style-type:none;
    margin:0px;
    padding : 1px;
}

.ListXXXWidMain
{
    visibility : hidden;
    background-color: white;
    border:1px solid;
    border-color:Teal; 
    width:400px !important;
    list-style-type:none;
    margin:0px;
    padding : 1px;
}

.ListItem
{
    white-space: nowrap;
    font-size: small;
    font-weight:normal;
    background-color: white;
    color: DarkSlateGray;
    text-align:left;
}

.ListSelectItem
{
    white-space: nowrap;
    background-color: #eeeeff;
    font-weight:bold;
    font-size: small;
    color: DarkSlateGray;
    text-align:left;
    padding: 1px;
}                

/************* #input styles ***************/
.InputText{
	font: 8pt Verdana, Arial, sans-serif;
	border: solid 1px #5D8AA9; 
	color: #333333 ;
	height:12px;
	width:80px;
}

.EmptyDataRowStyle
{
    height:30px;
    padding: 10px 10px 10px 10px;
    font-size: 15px;
    color:Teal;
    font-weight:bold;    
}

.DivHeader
{
    padding: 3px 0px 0px 3px;
    border-width:1px;
    border-color:white;
    border-style:outset;
    font-weight: bold;
    font-size: 15px;
    color:DarkSlateBlue;
    background-color:Lavender;
}

.DivLightHdr
{
    padding: 3px 0px 0px 3px;
    border-width:1px;
    border-color:white;
    border-style:outset;
    font-weight: bold;
    font-size: 15px;
    color:RoyalBlue;
    background-color:Lavender;
}

.DivTitle
{
    padding: 3px 0px 0px 3px;
    border-width:1px;
    border-color:white;
    font-weight: bold;
    color:White;
    background-color:LightSlateGray;
}

.TopPopDiv 
{
    position:absolute;
    z-index:3333;
 }

.PopupDiv
{    
    border-color:LightSkyBlue;
    background-color:WhiteSmoke;
}

.InputItem
{
    font: bold 11pt Verdana, Arial, sans-serif;
    color:DarkSlateGray;
    height:18px;
}

.SmlInpItem
{
    font: 9pt Verdana, Arial, sans-serif;
    color:DarkSlateGray;
}

.SelectItem
{
    font: 9pt Verdana, Arial, sans-serif;
    color:DarkSlateGray;
    padding: 1px;
}

.InfoText
{
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
    color: Peru;
}

.SmlBoldText {
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	color: DarkSlateGray;			
}

.MedLightRecItem
{
    color:Teal;
    font-size:11pt;
    font-weight:bold;
}

.MedRecItem
{
    color:DarkSlateGray;
    font-size:11pt;
    font-weight:bold;
}

.MedRecMidItem
{
    color:SeaGreen;
    font-size:12px;
    font-weight:bold;
}

.MedRecSmlItem
{
    color:DarkSlateGray;
    font-size:11pt;
    font-weight:bold;
}

.MedRecItemLabel
{
    font-size:11pt;
	padding-left: 5px;
	padding-top: 10px;
}

.PayItemLabel
{
    font-size:10pt;
	padding-left: 2px;
	padding-top: 5px;
}

.HighlighItem {
	font: bold 11pt Verdana, Arial, Helvetica, sans-serif;
	color: DarkCyan;			
}

.BoldItem {
	font: bold 11pt Verdana, Arial, Helvetica, sans-serif;
	color:DarkSlateGray;
}

td.off1 { 
background-image: url('../images/Process_01a.gif')
} 

td.on1{ 
background-image: url('../images/Process_01b.gif')
}

td.dis1{ 
background-image: url('../images/Process_01c.gif')
}

td.off2 { 
background-image: url('../images/Process_02a.gif')
} 

td.on2{ 
background-image: url('../images/Process_02b.gif')
}

td.dis2{ 
background-image: url('../images/Process_02c.gif')
}

td.off3 { 
background-image: url('../images/Process_03a.gif')
} 

td.on3{ 
background-image: url('../images/Process_03b.gif')
}

td.dis3{ 
background-image: url('../images/Process_03c.gif')
}

td.off4 { 
background-image: url('../images/Process_04a.gif')
} 

td.on4{ 
background-image: url('../images/Process_04b.gif')
}

td.dis4{ 
background-image: url('../images/Process_04c.gif')
}

td.off5 { 
background-image: url('../images/Process_05a.gif')
} 

td.on5{ 
background-image: url('../images/Process_05b.gif')
}

td.dis5{ 
background-image: url('../images/Process_05c.gif')
}

td.off6 { 
background-image: url('../images/Process_06a.gif')
} 

td.on6{ 
background-image: url('../images/Process_06b.gif')
}

td.dis6{ 
background-image: url('../images/Process_06c.gif')
}

.ProcStepCell
{
    padding-right:12px;
    text-align:right;
    width:140px;
    height:40px;
}

.DisStep{
    color:Gray;
}

.CurStep{
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	color: OrangeRed;
}

.BoldTxt{
     font-weight:bold;
}

.ButtonStyle a{
	font-size:9pt;
	text-decoration: none;
	color:#333333;
}

.HeaderTxt
{
    color:white;
	font: bold 11pt Verdana, Arial, Helvetica, sans-serif;    
}

.HeaderTxt a
{
    color:white;
	text-decoration: none;
}

.HeaderInfo
{
    color:LightCyan;
	font: bold 15pt Verdana, Arial, Helvetica, sans-serif;    
}

.PromptCateHdr
{
    font: bold 11pt Verdana, Arial, sans-serif;
    color:DarkSlateGray;
    background-color:Lavender;
}

.PromptCateTxt
{
    font: bold 11pt Verdana, Arial, sans-serif;
    color:RoyalBlue;
}

.PromptCateTxt a
{
	text-decoration: none;
	color:RoyalBlue;
	cursor:pointer;	
}

.PromptCateTxt:hover
{
    background-color:LightCyan;
    color:LightSeaGreen;
}

.PromptCateSel
{
    background-color:LightYellow;
    color:tomato;
}

.PromptTxt
{
    font: bold 11pt Verdana, Arial, sans-serif;
    color:DarkSlateGray;
}

.PromptTxt a
{
	color:DarkSlateGray;
}

.DisPromptTxt
{
    font: 11pt Verdana, Arial, sans-serif;
    color:Gray;
}

.DisPromptTxt a
{
	color:Gray;
}

.PrscptDiv{
    font: 10pt Verdana, Arial, sans-serif;    
    border-left:0px; border-right:0px DimGray; border-bottom:1px solid DimGray; border-top:0px;
}

.PrscptSort a
{
    color:Teal;
	text-decoration: none;
}

.NoBorder{
    border-left:0px; border-right:0px DimGray; border-bottom:0px DimGray; border-top:0px;
}

.NoLBdr{
    border-left:0px DimGray; 
}

.NoRBdr{
    border-right:0px DimGray; 
}
.NoTBdr{
    border-top:0px DimGray;
}
.NoBBdr{
    border-bottom:0px DimGray; 
}

.TopBdr{
    border-top:1px ;
}

.LeftBdr{
    border-left:1px; 
}

.RightBdr{
    border-right:1px; 
}

.BottomBdr{
    border-bottom:1px; 
}

.Lspc{
	padding-left: 5px;
}

.Rspc{
	padding-right: 5px;
}

.Tspc{
	padding-top: 5px; 
}

.Bspc{
	padding-bottom: 5px; 
}

.OptionTxt {
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	color: Teal;
	white-space:nowrap;			
}

.OptDivHeader {
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	color: DarkGreen;			
	white-space:nowrap;			
}

.RecHeader {
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	color: Teal;			
}

.RecHeader a{
	color: Teal;			
}

.WarnTxt {
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	color: Tomato;
	white-space:nowrap;
}

.ModalBackground

{
  background-color:#CCCCFF;
  filter:alpha(opacity=40);
  opacity:0.5;
}

.ModalWindow
{
  border: solid 1px #c0c0c0;
  font : bold 10pt Verdana, Arial, sans-serif;
  background: #f0f0f0;
  padding: 10px 10px 0px 10px;
  text-align: center;
  vertical-align:text-bottom;
  width:200px;
  height: 30px;
  color:RoyalBlue;
}


.SmlNoText {
	font: bold 7pt Verdana, Arial, sans-serif;
	color: Tomato;
}

.PrscptRedText {
	color: Red;
}

.PrscptGrayText {
	color: Gray;
}

.AcupInfo {
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	color: Teal;			
}

.PrintText
{
    font: 9pt Verdana, Arial, sans-serif;
    height:18px;
}

.PrintTextL
{
    font: 11pt Verdana, Arial, sans-serif;
}

.PrintItem
{
    font-size:9pt;
    font-weight:bold;
}

.PrintItemL
{
    font-size:11pt;
    font-weight:bold;
}

.CurPage {
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: Teal;			
}

.ItemLabel {
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	color: RoyalBlue;			
}

.BriefSickInfo{
	font: Verdana, Arial, Helvetica, sans-serif;
	color: DarkSlateGray;
}

.ImgButton
{
    cursor:pointer;
	vertical-align:middle;
}

.InProcessListBG {
    border-top: 3px solid White;
    border-left: 3px solid White;
    border-bottom: 3px solid LightGray;
    border-right: 3px solid LightGray;
    background-image:url('../images/bgPink.jpg');
}


button { width: auto; overflow: visible; }
.button { margin-right: 2px; float: left;}
.button:last-child { margin-right: 0px;}
.groupList .button { margin-right: 0px; }
/****************Button Style Start******************/
/* Default button styling - this applies to all anchors with the .button class */
.button {
	display: block; 
	font-size: 13px;
    font-weight: bold; 
    color:teal;
	text-decoration: none!important; 
	font-family: Verdana, Arial, sans serif;
	padding: 4px 6px 3px 5px; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
}
.button:active {
	box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
}

/* The styles for the grey button */
.grey {
	color: #444;
	border: 1px solid #d0d0d0;
	background-image: -moz-linear-gradient(#ededed, #e1e1e1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#ededed));
	background-image: -webkit-linear-gradient(#ededed, #e1e1e1);
	background-image: -o-linear-gradient(#ededed, #e1e1e1);
	text-shadow: 1px 1px 1px #fff;
	background-color: #e1e1e1;
}
.grey:hover {
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed;
}
.grey:active {border: 1px solid #666;}

/* The styles for the red button */
.red {
	/*color: #923c47;*/
    color: #444;
	border: 1px solid #d96d7c;
	background-image: -moz-linear-gradient(#f997b0, #f6677b);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6677b), to(#f997b0));
	background-image: -webkit-linear-gradient(#f997b0, #f6677b);
	background-image: -o-linear-gradient(#f997b0, #f6677b);
	text-shadow: 1px 1px 1px #fdbcc7;
	background-color: #f6677b;
}
.red:hover {
	border: 1px solid #c75964;
	background-image: -moz-linear-gradient(#f6677b, #f997b0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f997b0), to(#f6677b));
	background-image: -webkit-linear-gradient(#f6677b, #f997b0);
	background-image: -o-linear-gradient(#f6677b, #f997b0);
	background-color: #f997b0;
}
.red:active {border: 1px solid #ab3e4b;}

/* The styles for the blue button */
.blue {
	border: 1px solid #6fb1c7;
	/*background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);*/
	background-color: LightCyan;
}
.blue:hover {
	border: 1px solid #4690ad;
	/*background-image: -moz-linear-gradient(#37bae9, #40d2ff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40d2ff), to(#37bae9));
	background-image: -webkit-linear-gradient(#37bae9, #40d2ff);
	background-image: -o-linear-gradient(#37bae9, #40d2ff);*/
	background-color: Cornsilk;
    cursor:pointer;
}
.blue:active {border: 1px solid #3b778b;}

/* The styles for the green button */
.green {
	/*color: #5a742d;*/
    color: #444;
	border: 1px solid #95b959;
	background-image: -moz-linear-gradient(#cae387, #a5cb5e);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5cb5e), to(#cae387));
	background-image: -webkit-linear-gradient(#cae387, #a5cb5e);
	background-image: -o-linear-gradient(#cae387, #a5cb5e);
	text-shadow: 1px 1px 1px #dff4bc;
	background-color: #a5cb5e;
}
.green:hover {
	border: 1px solid #687e30;
	background-image: -moz-linear-gradient(#a5cb5e, #cae387);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae387), to(#a5cb5e));
	background-image: -webkit-linear-gradient(#a5cb5e, #cae387);
	background-image: -o-linear-gradient(#a5cb5e, #cae387);
	background-color: #cae387;
}
.green:active {border: 1px solid #506320;}

/* The styles for the black button */
.black {
	color: #fff;
	border: 1px solid #4d4d4d;
	background-image: -moz-linear-gradient(#656565, #454545);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454545), to(#656565));
	background-image: -webkit-linear-gradient(#656565, #454545);
	background-image: -o-linear-gradient(#656565, #454545);
	text-shadow: 1px 1px 1px #6d6d6d;
	background-color: #454545;
}
.black:hover {
	border: 1px solid #363636;
	background-image: -moz-linear-gradient(#454545, #656565);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#454545));
	background-image: -webkit-linear-gradient(#454545, #656565);
	background-image: -o-linear-gradient(#454545, #656565);
	background-color: #656565;
}
.black:active {border: 1px solid #000;}

/* The styles for the yellow button */
.yellow {
	/*color: #986a39;*/
    color: #000;
	border: 1px solid #e6b650;
	background-image: -moz-linear-gradient(#ffd974, #febf4d);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf4d), to(#ffd974));
	background-image: -webkit-linear-gradient(#ffd974, #febf4d);
	background-image: -o-linear-gradient(#ffd974, #febf4d);
	text-shadow: 1px 1px 1px #fbe5ac;
	background-color: #febf4d;
}
.yellow:hover {
	border: 1px solid #c1913d;
	background-image: -moz-linear-gradient(#febf4d, #ffd974);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd974), to(#febf4d));
	background-image: -webkit-linear-gradient(#febf4d, #ffd974);
	background-image: -o-linear-gradient(#febf4d, #ffd974);
	background-color: #ffd974;
}
.yellow:active {border: 1px solid #936b26;}

/* The styles for the purple button */
.purple {
	/*color: #7e5d7c;*/
    color: #000;
	border: 1px solid #cd93c6;
	background-image: -moz-linear-gradient(#e9c4e3, #d798d1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d798d1), to(#e9c4e3));
	background-image: -webkit-linear-gradient(#e9c4e3, #d798d1);
	background-image: -o-linear-gradient(#e9c4e3, #d798d1);
	text-shadow: 1px 1px 1px #f1ceef;
	background-color: #d798d1;
}
.purple:hover {
	border: 1px solid #886382;
	background-image: -moz-linear-gradient(#d798d1, #e9c4e3);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9c4e3), to(#d798d1));
	background-image: -webkit-linear-gradient(#d798d1, #e9c4e3);
	background-image: -o-linear-gradient(#d798d1, #e9c4e3);
	background-color: #e9c4e3;
}
.purple:active {border: 1px solid #6a4664;}

/* The styles for the greyblue button */
.gblue {
	/*color: #57646d;*/
    color: #444;
	border: 1px solid #929ba2;
	background-image: -moz-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8ea5b5), to(#bbcbd8));
	background-image: -webkit-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -o-linear-gradient(#bbcbd8, #8ea5b5);
	text-shadow: 1px 1px 1px #c6d4df;
	background-color: #8ea5b5;
}
.gblue:hover {
	border: 1px solid #656f78;
	background-image: -moz-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbcbd8), to(#8ea5b5));
	background-image: -webkit-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -o-linear-gradient(#8ea5b5, #bbcbd8);
	background-color: #bbcbd8;
}
.gblue:active {border: 1px solid #434f5a;}

/* The styles for the button groups */

.left {
	border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-right: 0px;
}
.left:hover {
	border-right: 0px;
}
.middle {
	border-radius: 0px;
	-moz-radius: 0px;
	border-right: 0px;
}
.middle:hover {
	border-right: 0px;
}
.right {
	border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
}

/* Large Styles */

.large {padding: 14px 28px;}

.floatleft { float: left; }
.floatright { float: right; }
.floatnone { float: none; }

/****************Button Style End********************/

.lmargin {
    margin-left:10px;
}

.rmargin {
    margin-right:10px;
}
