/* This is xhtml/css by Author - Nilesh Pawar
W3C VALIDATED CSS LEVEL 2.1 */
/*** General tags ***/
body {
background : #2073B3 url(background.gif) repeat-y top center;
color : #404040;
margin : 0 auto;
padding : 0;
}
img { border:0px; }
a {
color : #404040;
font-weight : normal;
text-decoration : none;
}
a:hover {
color : #286dba;
text-decoration : underline;
}
p {
margin : 0 0 5px 8px;
}
ul, ol, dl {
font-size : 1em;
}
ul ul, ol ol {
margin : 4px 0 4px 35px;
}
h1{
font-size:15px;
line-height:normal;
font-family:Arial, Helvetica, sans-serif;
padding:0 5px;
margin:0;
color:#666;
}
h2{
font-size:14px;
line-height:normal;
font-family:Arial, Helvetica, sans-serif;
padding:0 5px 5px;
margin:0;
color:#666;
}
/*** Main wrap and header ***/
#wrap {
color : #404040;
margin : 0 auto;
padding : 0;
width : 1008px;
background : #ffffff url(header_bg.gif) repeat-x;
}
#header {
margin-left : 10pt;
/*padding-top:10px;*/
}
#topBigHeader{
font-family:Arial,Tahoma,Verdana,Sans-serif;
font-size:18px;
float:right;
width:650px;
margin-top:24px;
margin-right:10px;
text-align:right;
}
#toplinks {
font-size : 11px;
font-family:Tahoma,Verdana,Arial,Sans-serif;
padding : 20px 12px 2px 3px;
float : right;
width:auto;
text-align:right;
line-height:1.5em;
}
#toplinks a {
color : gray;
}
#toplinks a:hover {
color : black;
}
#logo {
width : 210px;
height : 114px;
}
/*** Sidebar ***/
#indexSidebar {
margin-right : expression('12px');
margin-right : 8px;
float : right;
width : auto;
height : 857.5px;
width: 252px;
border : 1px solid #ECD672;
}
#sidebar {
margin-top : 5px;
padding-top : 10px;
float : left;
width : 240px;
height : 200px;
border : 1px solid #ECD672;
}
#sidebar a{
color : #286dba;
font-weight : normal;
text-decoration : underline;
}
#sidebar a:hover{
color : #000;
text-decoration :none ;
}
#sidebar p {
line-height : 1.5em;
}
#sidebar p, .data p, .data_home p, .data table, .data li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.5em;
color:#666;
word-spacing:normal;
margin-right:8px;
}
.underlineText{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.5em;
color:#666;
text-decoration:underline;
margin-right:8px;
}
.sidebarMenu {
list-style-type : none;
padding : 0;
margin : 0;
}
.sidebarMenu li {
color : #1e60a9;
line-height : 2em;
margin-left : 1em;
background-image : url(bullet.gif);
background-repeat : no-repeat;
background-position : left center;
padding-left : 30px;
}
.boldMenu {
background : url(menu.png) no-repeat;
margin : 0;
line-height : 1.5em;
}
.contactMenu {
background : url(contact.png) no-repeat;
margin : 0;
line-height : 1.5em;
}
/*** Main content ***/
#content {
float : left;
line-height : 1.5em;
text-align: left;
padding-left: expression('0px');
}
/*** Various classes ***/
.gray {
color : #666666;
font-size : 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align : left;
line-height : 16px;
}
.slide_images {
width : 724px;
width :expression('723px');
height : 280px;
margin-left:8px;
margin-left:expression('4px');
border : 1px solid #ECD672;
z-index:0;
float:left;
}
.spacer1 {
line-height : 4px;
font-size : 1px;
color : #ffffff;
}
.spacer2 {
line-height : 7px;
font-size : 1px;
color : #ffffff;
}
.data {
width : 711px;
height : 400px;
border : 1px solid #ECD672;
margin : 0 0 0 4px;
padding : 0 10px 0 5px;
text-align : justify;
word-spacing : 0.2em;
}
.data_home {
width : 709px;
height : 145px;
border : 1px solid #ECD672;
margin : 0 0 0 4px;
padding : 5px 10px 0 5px;
text-align : justify;
word-spacing : 0.2em;
background : url(panel_background.gif) repeat-x;
}
.cutomers_data {
width : 710px;
height : 100%;
border : 1px solid #ECD672;
margin : 0 0 0 4px;
padding : 0 10px 0 5px;
text-align : justify;
word-spacing : 0.2em;
}
.fullPage_data {
width : 963px;
height : 100%;
border : 1px solid #ECD672;
margin : 0 0 0 4px;
padding : 0 10px 0 5px;
text-align : justify;
word-spacing : 0.2em;
}
table {
border : 1px solid #1861ad;
}
.tableback {
background : #ffffff;
word-spacing : normal;
}
.tableback ul {
padding-right : 10px;
margin-right : 10px;
list-style-position : outside;
}
.tableback p{
margin: 10px 0 0 0;
line-height:normal;
}
.border {
background: #ECD672;
/*border-bottom : 4px solid #0876B1;*/
border:none;
margin-top : 5px;
line-height : 0;
font-size : 0;
height:3px;
border-bottom:1px solid #fff;
}
/* menu background color */
.menu-background{
background:#0876B1;
height:26px;
color:#0876B1;
border-bottom:1px solid #FFF;
margin-left:5px;
}
/* top level main menu styles */
.mainMenu
{
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.mainMenu ul {
padding:0;
margin:0;
list-style-type:none;
display : inline;
}
.mainMenu ul ul {
width:100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.mainMenu li {
float:left;
width:120px;
position:relative;
text-align:center;
}
/* style the links for the top level */
.mainMenu a, .mainMenu a:visited {
display:block;
font-size:11px;
font-family:tahoma,arial,verdana,sans-serif;
font-weight:bold;
text-decoration:none;
color:#fff;
border:1px solid #fff;
border-width:0px 1px 0px 1px;
background:#0876B1;
height:26px;
/*padding:0px 2em 0px 2em;*/
line-height:1.9em;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .mainMenu a, * html .mainMenu a:visited {
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.mainMenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:26px;
left:0;
width:100px;
}
/* another hack for IE5.5 */
* html .mainMenu ul ul {
top:26px;
t\op:26px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}
/* style the second level links */
.mainMenu ul ul a, .mainMenu ul ul a:visited {
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
background:#ECD672 url("arrow3.gif") no-repeat 5px;
color:#000;
height:auto;
line-height:1em;
padding:5px 10px 5px 20px;
width:120px;
text-align:left;
border-width:1px 0 0 0;
/* yet another hack for IE5.5 */
}
* html .mainMenu ul ul a{
width:120px;
}
/* style the top level hover */
.mainMenu ul ul a:hover{
color:#fff;
background:#0876B1 url("arrow2.gif") no-repeat 5px;
text-decoration:none;
}
.mainMenu a:hover{
background:#ECD672;
color:#000;
text-decoration:none;
}
.mainMenu :hover > a{
color:#000;
background:#ECD672;
text-decoration:none;
}
.mainMenu ul ul :hover > a {
color:#FFF;
background:#0876B1 url("arrow2.gif") no-repeat 5px;
text-decoration:none;
}
/* make the second level visible when hover on first level list OR link */
.mainMenu ul li:hover ul,
.mainMenu ul a:hover ul{
visibility:visible;
}
/*#menu {
width : auto;
height : 29px;
background : url(img02.gif) repeat-x;
padding-left : 10pt;
}
#menu ul {
margin : 0;
list-style : none;
display : inline;
}
#menu li {
display : inline;
}
#menu a {
display : block;
float : left;
height : 22px;
margin : 0 0 0 0;
padding : 2px 21px 0 20px;
background : url(img05.gif) repeat-x;
border-top : 1px solid #575757;
border-left : 1px solid #666666;
border-right : 1px solid #f0f0f0;
text-align : center;
font-size : 12px;
font-weight : bold;
line-height : 1.5em;
color : #ffffff;
}
#menu a:hover {
text-decoration : none;
background-image : url(img5.gif);
color : #666666;
}
#menu .active a {
background-image : url(img04.gif);
color : black;
}*/
.panelA {
padding : 5px 7px 0 0;
padding : expression('5px 0px 0 0');
width : 227px;
width : expression('235px');
height : 406px;
float : right;
margin-right:10px;
border : 1px solid #ECD672;
font-size : 11px;
color : #333333;
background : url(panel_background.gif) repeat-x;
}
.panelB {
padding : 5px 7px 0 0;
width : 225px;
height : 406px;
margin-left : 4px;
float : left;
border : 1px solid #ECD672;
font-size : 11px;
color : #333333;
background : url(panel_background.gif) repeat-x;
}
.panelC {
padding : 5px 7px 0 0;
width : 230px;
height : 406px;
float : left;
margin : 0 5px 0 8px;
border : 1px solid #ECD672;
font-size : 11px;
color : #333333;
background : url(panel_background.gif) repeat-x;
}
#sidebar p.boldHeading, .data p.boldHeading {
color : #1e60a9;
font-weight : bold;
font-size : 13px;
word-spacing : normal;
}
.data p.boldHeading .link-heading{
text-decoration:underline;
cursor:pointer;
font-size:11px;
}
.data p.boldsmallHeading{
color : #1e60a9;
font-weight : bold;
font-size : 11px;
word-spacing : normal;
padding:10px 0;
}
/* current link route style*/
.links-route{
padding-left:12px;
color:#777777;
font-family:Verdana, Tahoma, Sans-serif;
font-size:11px;
line-height:17px;
text-decoration:none
}
/*** Contact Form ***/
form, select {
font-family:Verdana,Tahoma,Arial,Sans-serif;
font-size:11px;
}
label, input{
display : block;
width : 150px;
/*margin-bottom : 10px;*/
border:1px solid gray;
font-family:Verdana,Tahoma,Arial,Sans-serif;
font-size:11px;
}
textarea, select {
border:1px solid gray;
font-family:Verdana,Tahoma,Arial,Sans-serif;
font-size:11px;
}
.textfield{
width:200px;
}
.textbox{
width:140px;
}
.textboxsmall{
width:80px;
}
.landing-page .textboxsmall{
width:120px;
}
.moreInfo .textboxsmall{
width:100px;
}
.buttons{
width:auto;
}
br {
clear : left;
}
/*** Clients Testimonials ***/
.testimonials{
height:300px;
border-bottom:1px solid #F4CC00
}
.testimonialcontent{
width: 240px;
height: 240px;
/*text-align:justify;*/
font:normal 11px Verdana,Arial,Helvetica,sans-serif;
padding:0px 5px 5px 5px;
color:#777;
line-height:1.6em;
}
#sidebar .testimonial-author,
.testimonial-author{
margin-top:2px;
text-align:right;
font-weight:bold;
color:#0066CC;
}
.AccordionContent {
useFixedPanelHeights: false;
display : none;
padding : 10px;
cursor : default;
margin-left:15px;
}
label{
border:none;
}
.style1 {
color: #FF0000
}
.style2 {
color: #000000;
font-weight: bold;
}
.style5 {
color: #0066CC;
font-weight: bold;
}
a.underlineText{
color: #666;
text-decoration:underline;
outline:none;
-moz-outline:none;
}
a.underlineText:hover{
color: #000;
text-decoration:none;
outline:none;
-moz-outline:none;
}
.header{
margin-left:25px;
}
/* Paypal button styles */
.paypal input {
border:none;
width:96px;
height:21px;
vertical-align:middle;
}
.paypal{
height:63px;
}
/*** Footer ***/
#footer {
border-top : 4px solid #0876B1;
clear : both;
color : gray;
font-size : 1em;
line-height : 1.6em;
margin : 0 auto;
padding : 5px 10px 0 0;
text-align : right;
height : 45px;
background : url(footer-bg.gif) repeat-x;
font-size : 11px;
font-family:Tahoma,Verdana,Arial,Sans-serif;
}
#footer a {
color : #808080;
}
/* Added 6/21/2011 for popup */
.popup
{
visibility: hidden;
position: fixed;
z-index: 10000;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: url('../images/popup/white-50.png');
}
.popup .close
{
position: absolute;
top: -18px;
right: -18px;
width: 35px;
height: 35px;
background: url('../images/popup/closeButton.png');
}
.popupCenter
{
position: fixed;
top: 50%;
left: 50%;
}
.popupContent
{
position: relative;
top: -120px;
left: -200px;
width: 400px;
padding: 20px;
background: white;
border: 3px outset gray;
}
.popup a { color: #286dba; text-decoration: underline; }
.popup a:hover { text-decoration: none; }
/* Added 11/21 for online page */
/* course title */
a.programTitle{
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 13px;
color: black;
font-weight:bold;
text-decoration:none;
position:relative;
z-index:0;
}
a.programTitle:hover{
text-decoration: underline;
}
/* content block for a course */
.program{
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 11px;
color: black;
text-decoration:none;
margin: 10px 10px 15px 10px;
padding: 0 8px 0 8px;
position: relative;
}
.programMoreLink {
color: #0000ee;
text-decoration: none;
}
.programMoreLink:active {
text-decoration: underline;
}
.programMoreLink:hover {
text-decoration: underline;
}
div.meCourseIcon {
position: absolute;
left: 0px;
}
.meCourseIcon img {
display: inline;
padding: 0px 0px 0px 0px;
}
.meCourseInfo {
padding: 0 0 0 85px;
color: black;
text-align: left;
}
.programCourseCostBlock {
padding: 2px 0 2px 0;
}
.programCourseCostLabel {
font-weight: bold;
}
/* course description text including the 'more' link */
span.programDescription{
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 13px;
color: black;
text-decoration:none;
margin:5px 5px 5px 5px;
display:block;
}
/* 'add to cart', 'remove from cart', 'view cart', and 'proceed to secure check out' links */
a.programCartLink,a.programCartLink:active,a.programCartLink:visited{
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 12px;
color: #995310;
text-decoration:none;
}
a.programCartLink:hover{
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 12px;
color: #838327;
text-decoration:none;
}
/* content block for list of category links (hidden by default) */
#categoryLinksDIV{
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 13px;
color: black;
border:3px solid #0876b1;
padding:10px;
width:320px;
background-color:#f0f0f0;
margin-bottom:15px;
display:none; /* change to "display:block;" to allow display */
}
#categoryLinksDIV #categoryLinksHeading{
display:none;
}
#categoryLinksDIV ul{
padding-left: 35px;
margin: 13px 0;
}
/* category link from the '#categoryLinksDIV' content block (hidden by default) */
a.categoryLink{
text-decoration:none;
color:#222222;
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
}
a.categoryLink:hover {
text-decoration: underline;
}
.certAmounts {
padding: 2px 0;
}
.programSuiteBlock .certAmounts {
font-size: 11px;
}
/*************** CSS rules for category heading ***************/
.programCategory{
background-color:#0876b1;
border: 1px dotted #d9d9d9;
color:#ffffff;
margin-top:25px;
margin-bottom:2px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
padding:3px;
display:block;
text-align:left;
}
.programCategory:first-child{
margin-top:0;
}
/*************** CSS rules for content block containing a suite or bundle (only displayed when suites and bundles are available) ***************/
.programSuiteBlock {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 13px;
color: black;
border:1px solid #0876b1;
margin:10px;
padding:8px;
background-color:#f0f0f0;
margin-bottom:15px;
display:block;
position:relative;
}
div.meSuiteIcon {
position: absolute;
left: 8px;
}
.meSuiteIcon img {
padding: 0px 0px 0px 0px;
}
.meSuiteInfo {
padding: 0 0 0 85px;
color: black;
text-align: left;
}
/* suite title */
a.programSuiteTitle{
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 13px;
color: black;
font-weight:bold;
text-decoration:none;
}
a.programSuiteTitle:hover {
text-decoration: underline;
}
/* suite title image */
.programSuiteTitle img{
float:left;
margin-right:8px;
}
/* suite cost block containing cost label and cost price */
div.programSuiteCostBlock {
font-size: 11px;
padding-top:2px;
padding-bottom:2px;
}
/* suite cost label */
span.programSuiteCostLabel {
font-weight:bold;
}
/* suite cost price */
span.programSuiteCostPrice {
}
/* content block containing suite description */
.programSuiteDescription {
margin: 5px 5px 5px 5px;
}
/* content block containing list of suite courses */
.programSuite_courses{
}
/* suite's course list */
ul.programSuiteCoursesList {
list-style-type: disc;
margin: 5px 0px 5px 0px;
padding-left: 40px;
}
/* suite's course list item */
li.programSuiteCoursesListItem {
margin: 2px 0px 2px 0px;
padding: 0px;
}
/* suite cart links block ('add to cart', 'remove from cart', 'view cart', 'proceed to secure checkout') */
div.programSuiteCartLinksBlock {
font-size: 12px;
}
span.programSuiteCartLinkSpan {
}
/* 'add to cart', 'remove from cart', 'view cart', and 'proceed to secure check out' links */
a.programSuiteCartLink,a.programSuiteCartLink:active,a.programSuiteCartLink:visited{
color: #995310;
text-decoration: none;
}
a.programSuiteCartLink:hover{
color: #838327;
}
/*************** CSS rules for content block containing an addon item ***************/
.addonBlock {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 13px;
color: black;
margin:10px;
padding:8px;
margin-bottom:15px;
display:block;
position:relative;
}
div.addonIcon {
position: absolute;
left: 8px;
}
.addonIcon img {
padding: 0px 0px 0px 0px;
}
.addonInfo {
padding: 0 0 0 85px;
color: black;
text-align: left;
}
/* addon title */
a.addonTitle{
font-weight:bold;
text-decoration: none;
}
a.addonTitle:hover {
text-decoration: underline;
}
/* addon title image */
.addonTitle img{
float:left;
margin-right:8px;
}
div.addonCostQty {
font-size: 11px;
position: relative;
width: 400px;
}
/* addon cost block containing cost label and cost price */
div.addonCostBlock {
padding-top:5px;
padding-bottom:2px;
position: relative;
}
/* addon cost label */
span.addonCostLabel {
font-weight:bold;
}
/* addon cost price */
span.addonCostPrice {
}
/* content block containing addon description */
.addonDescription {
margin: 5px 5px 5px 5px;
}
/* addon cart links block ('add to cart', 'remove from cart', 'view cart', 'proceed to secure checkout') */
div.addonCartLinksBlock {
font-size: 12px;
}
span.addonCartLinkSpan {
}
/* 'add to cart', 'remove from cart', 'view cart', and 'proceed to secure check out' links */
a.addonCartLink,a.addonCartLink:active,a.addonCartLink:visited {
color: #995310;
text-decoration: none;
}
a.addonCartLink:hover {
color: #838327;
}
.addonBlock .qty {
margin: 0 0 0 30px;
position: absolute;
top: 0px;
right: 0px;
width: 250px;
padding: 5px 0 2px 0;
}
.addonBlock .qty label {
font-weight: bold;
}
.addonBlock .qty input {
margin: 0 0 0 4px;
}
.addonCustomFields {
font-size: 11px;
}
.meUpdateMsg {
color: green;
}
/*************** CSS rules for shopping cart popup window ***************/
#programCartBody {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
color: black;
background: #0876b1;
}
#programCartWrapper {
background: #FFFFFF;
margin: 10px;
padding: 10px;
border: 2px solid black;
}
h3#programCartHeading {
font-size: 14px;
}
ul#programCartList {
}
li.programCartListItem {
font-size: 13px;
font-weight: bold;
}
div.programCartSuiteCoursesBlock {
font-size: small;
font-weight: normal;
}
ul.programCartSuiteCoursesList {
}
li.programCartSuiteCoursesListItem {
}
div#programCartTotalCost {
}
span#programCartTotalCostLabel {
font-size: 14px;
font-weight: bold;
}
span#programCartTotalCostPrice {
font-size: 13px;
font-weight: normal;
}
/*************** CSS rules for buttons ***************/
.meButton {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 3px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
line-height: 1em;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.meButton:hover {
text-decoration: none;
}
.meButton:active {
position: relative;
top: 1px;
}
.meButtonLarge {
padding: .4em 1.5em .42em;
}
.meButtonSmall {
padding: .2em 1em .275em;
}
/*************** CSS rules for button colors ***************/
/* black */
.meButtonBlack {
border: solid 1px #333;
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
background: -moz-linear-gradient(top, #666, #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.meButtonBlack:hover {
background: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
background: -moz-linear-gradient(top, #444, #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.meButtonBlack:active {
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
background: -moz-linear-gradient(top, #000, #444);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
/* gray */
.meButtonGray {
border: solid 1px #555;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.meButtonGray:hover {
background: #616161;
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
background: -moz-linear-gradient(top, #757575, #4b4b4b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.meButtonGray:active {
background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
background: -moz-linear-gradient(top, #575757, #888);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
/* white */
.meButtonWhite {
border: solid 1px #b7b7b7;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.meButtonWhite:hover {
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
background: -moz-linear-gradient(top, #fff, #dcdcdc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.meButtonWhite:active {
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
background: -moz-linear-gradient(top, #ededed, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
/* orange */
.meButtonOrange {
border: solid 1px #da7c0c;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.meButtonOrange:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top, #f88e11, #f06015);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.meButtonOrange:active {
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background: -moz-linear-gradient(top, #f47a20, #faa51a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/* red */
.meButtonRed {
border: solid 1px #980c10;
background: #d81b21;
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
background: -moz-linear-gradient(top, #ed1c24, #aa1317);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.meButtonRed:hover {
background: #b61318;
background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
background: -moz-linear-gradient(top, #c9151b, #a11115);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.meButtonRed:active {
background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
background: -moz-linear-gradient(top, #aa1317, #ed1c24);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
/* blue */
.meButtonBlue {
border: solid 1px #0076a3;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.meButtonBlue:hover {
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background: -moz-linear-gradient(top, #0095cc, #00678e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.meButtonBlue:active {
background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
background: -moz-linear-gradient(top, #0078a5, #00adee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* rosy */
.meButtonRosy {
border: solid 1px #b73948;
background: #da5867;
background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
background: -moz-linear-gradient(top, #f16c7c, #bf404f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.meButtonRosy:hover {
background: #ba4b58;
background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
background: -moz-linear-gradient(top, #cf5d6a, #a53845);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.meButtonRosy:active {
background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
background: -moz-linear-gradient(top, #bf404f, #f16c7c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
/* green */
.meButtonGreen {
border: solid 1px #538312;
background: #64991e;
background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.meButtonGreen:hover {
background: #538018;
background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
background: -moz-linear-gradient(top, #6b9d28, #436b0c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.meButtonGreen:active {
background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
/* pink */
.meButtonPink {
border: solid 1px #d2729e;
background: #f895c2;
background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
background: -moz-linear-gradient(top, #feb1d3, #f171ab);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.meButtonPink:hover {
background: #d57ea5;
background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.meButtonPink:active {
background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
background: -moz-linear-gradient(top, #f171ab, #feb1d3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}
/*** custom *** substitute the color values in the following three rules to customize the button colors */
.meButtonCustom {
border: solid 1px #000000;
background: #f895c2;
background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666));
background: -moz-linear-gradient(top, #999999, #666666);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
}
.meButtonCustom:hover {
background: #d57ea5;
background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
background: -moz-linear-gradient(top, #999999, #cccccc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc');
}
.meButtonCustom:active {
background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#999999));
background: -moz-linear-gradient(top, #666666, #999999);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#999999');
}