/* modified .show class to only block
  8-24-15: increase min width in topBanner*/


A:link, A:visited, A:active{ color: #595092; text-decoration: none;}
A.home:link, A.home:visited, A.home:active{ color: #0000ff; text-decoration: underline;}
a:visited  {color: #006699;}
A:HOVER { color: 00aa00; text-decoration: none; cursor: pointer;  }
.pageLink {font-style:italic; font-color: black;}

span.linkStyle{cursor:pointer; color: #0645AD; font-size: 12px; font-family: verdana, sans-serif;}
span.linkStyle:hover{color: #00aa00;}
span.linkStyle:visited{color: #006699;}
span.large{font-size:16px;}

span.linkStyleEnd{ color: #00aa00; font-size: 12px; font-family: verdana, sans-serif;}

span.linkStyleUL{cursor:pointer; color: #0645AD; font-size: 12px; font-family: verdana, sans-serif; text-decoration:underline}
span.linkStyleUL:hover{color: #00aa00;}
span.linkStyleUL:visited{color: #006699;}
img.linkStyle{cursor:pointer; border: 0px solid;}
img.linkStyle:hover{ opacity:0.4;filter:alpha(opacity=60)}
img.floatRightStyle{float:right; clear: none; padding-left: 10px; padding-bottom: 20px;}


input.smallbutton{margin-bottom: 3px; font-family:  Verdana, arial, sans-serif; color: blue; font-size: 12px; margin-left: 10px; margin-right: 10px;  font-weight: normal;}


area {cursor: pointer;  }
body{
    min-width: 700px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    margin: 0px;
    margin-bottom: 50px;
}

   i.math{color: black; font-family: Verdana, sans-serif; font-size: 12px; font-weight: normal;}
/* to make a row visible or collapsed */
.show {
    display: block;
	/*display: table-cell;  It does not force 100% width, but adjust width to the content... */
}
.hide {
	display: none;
}
.linkStyleCyan { font-size: 11px; font-family:  Verdana, arial, sans-serif; color: #006699;  }

/* For page heading in daemon page etc. */
.part1header
{
    font-weight:normal;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#353535;
    color:#ff0000;
    font-size:14px;
    line-height: 1.7;
}
/* For any special kind of the word which u want to do highlighting */
.part2header
{
    font-weight:normal;
    font-style: italic;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#757575;
    color:#009900;
    font-size:14px;
    line-height: 1.7;
}

/* For any special kind of the word which u want to do highlighting */
.specialword-orange
{
 font-weight:normal;
 font-style:italic;
 font-size: 12px;
}
/*For any special breif descrrption of lines of anty definition*/
.specialdefn
{
font-weight:bold;
color:#595092;/* font-style: italic; */
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
line-height: 1.5;
}

/* For the main heading of the page */
.mainheading
{
text-align: center;
font-weight:normal;
font-style:normal;
font-size:16px;
color:#595092;
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.simpleheading{font-size:13px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff4444}
.simpleheadingblue{font-size:13px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000ff}
/* Used in some solve pages such as non mixing multi flow. */
.specialword
{
font-weight:normal;
      color:#353535;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:12px;
	  text-align:left;
	  line-height: 1.5;
}
/* For the main heading of the page */
.barheading
{
text-align: center;
font-weight:bold;
font-style:normal;
font-size:13px;
color:#0000aa;
font-family:Verdana, Arial, Helvetica, sans-serif;
height: 100%;
}
div.daemonNameDiv {margin-top: 30px; font-size: 13px;}
div.tableNameDiv {padding-top: 5px; font-size: 13px; color: #0645ad;}
div.alertStyle{border: 1px solid; border-radius: 5px; margin: 100px; padding: 30px; color: blue; font-size: 15px; text-align:left}
/* used in home */

div.marginlink {
  padding: 2px;
  border: 1px solid #ffffff;
  font-size: 9px; font-family:  Verdana, arial, sans-serif; color: #006699;
}

div.marginover {
  border:1px solid #55aa55;
  padding: 2px;
  cursor: pointer;
  font-size: 9px; font-family:  Verdana, arial, sans-serif; color: #006600;
}
}


.td_mainheading
{
font-weight:normal;
/*color:#3D733C; */
color:#ff0000;
font-size:13px;
font-family:Verdana, Arial, Helvetica,   sans-serif;
line-height: 1.2;
   font-weight: normal;
}


.whatifStyle { font-size: 13px; font-family:  Verdana, arial, sans-serif; color: #00aa00;  font-weight: bold;  cursor:help;}

/* For the main side heading of the table when color is green*/
.td_mainheading-blue
{

font-weight:700;
/*color:#3D733C; */
color:#ff0000;
font-size:13px;
font-family:Verdana, Arial, Helvetica,   sans-serif;
line-height: 1.2;
}


/* For the main body of all the paragraphs*/
.symbol
{
      color:#353535;
      font-family:symbol;
	  font-style:italic;
      font-size:12px;
	  text-align:left;
	  line-height: 1.5;
}
.tableheading
{
font-family:   Helvetica, Verdana, Arial, Times New Roman,  sans-serif;
font-size: 14px;
font-weight:300;
color:#FFFFFF;
}

/* for highlighting the words with in paragraph with bold black letter*/
.boldblack
{
font-weight: bold;
font-size: 12px;
color: black;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*For the heading defined which is the core of any paragraph*/
.td_subheadings1
{ color:#000099; /* background-color: #f9f5e2; padding:7px 250px 10px 10px; margin-left: 20px 0px 0px 0px;*/
  color:#ff0000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight:bold;
}

/*For the subheading defined under main heading ie subheading1*/
.td_subheadings2
{
    color:#492774;
    color:#ff0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*font-weight:bold;*/
}
.columnheading
{
font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:bold;
}
.columnheadingCyan
{
font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:bold;
 color:#006699;
}
.columnheadingGray
{
font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:bold;
 color:#999999;
}


.variable
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style: italic;
/*color:#009999;*/
}

.italics
{
font-style: italic;
}
.bold
{
font-weight:bold;
}

/* TEST.Problems or any other page address */
.pageAddress
{
 font-weight:normal;
 font-style:italic;
 font-size:12px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 /*color:#FF6600;
 line-height: 1.5;*/
}
/* TEST.Problems or any other page address */
.path
{
 font-weight:normal;
 font-style:italic;
 font-size:12px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 line-height: 1.5;
}

/* For the main body of all the paragraphs*/
.addressHeading
{
      color:#ffffff;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      text-align:justify;
      line-height: 1.5;
}

  .leftGap{
      margin-left: 2px;
  }
  .leftGap5{
      margin-left: 5px;
  }
  .leftGap10{
      margin-left: 5px;
  }

  .rightGap{
      margin-right: 2px;
  }
.addressStyle {font-size: 12px;}

/* used by popupT.js  */

tr.floatHeader {
	background: #ffcc55;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #0000ff;
}
.alertFloat {
    /* reddish...;*/
	position: fixed;
	z-index: 10000;
	left: 163px;
	top: 30px;
	width: 590px;
	height: auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        cursor: pointer;
        padding: 0px;
        margin: 0px;
        background-color : #ffeecc;
        vertical-align: center;
        filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
        /*background: transparent url(basics.jpg) left no-repeat;*/

}

.alertHome {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #55ff55;
        cursor: pointer;
        padding: 0px;
        margin: 0px;
        background-color : #ffffcc;
        vertical-align: center;
        filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
        zindex: 20000;

}

.suggestHome { /* popup */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #55ff55;
        cursor: pointer;
        padding: 0px;
        margin: 0px;
        background-color : #cceeff;
        vertical-align: center;
        filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
        zindex: 20000;

}

td.alertMsg {
        font: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        margin: 0em;
        padding: 2em;
        padding-left: 0em;
        padding-right: 1em;
}

.alertApplet {
    /* also repeated in test.css (load test.css instead of popup.css;*/
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 5px;
	width: 99%;
	height: auto;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        cursor: pointer;
        padding: 0px;
        margin: 0px;
        background-color : #ffeecc;
        vertical-align: center;
        filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	opacity: 0.9;

}


td.alertAppletMsg {
        font: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        margin: 0em;
        padding-top: 0.5em;
        padding-left: 1em;
        padding-right: 1em;
}

td.alertMsg {
        font: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        margin: 0em;
        padding: 2em;
        padding-left: 0em;
        padding-right: 1em;
}


.alertElement {
    /* also repeated in test.css (load test.css instead of popup.css;*/
	z-index: 2;
	top: 20px;
	width: 80%;
	height: auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        cursor: pointer;
	/*margin-left: 200px;*/
        background-color : #ffeecc;
        vertical-align: center;
        filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.alertElementCenter {
    /* also repeated in test.css (load test.css instead of popup.css;*/
	z-index: 2;
	top: 20px;
	width: 95%;
	height: auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        cursor: pointer;
	margin-left: 10px;
        background-color : #ffeecc;
        vertical-align: center;
        filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.inputexample{
    color: 666666;
    font-size: 11px;

}
.buttonstyle{
    margin-right: 10px;
}
.testButton{
    font-weight:normal; color: #0645ad; cursor:pointer;
}
input.okbutton{
    font-weight:normal; color: #0000aa; cursor:pointer;
}

.textstyle{
    margin-right: 5px;
    padding-bottom: 5px;
}
.simplefont{
    margin-right: 10px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
    color: #334d55;
}
.blocktitle{
    font-weight: bold;
    text-align: center;
}

/*--------------  signup ----------------*/

.signUpStyle{  /*top half panel of the desktop */
  position: relative;
  background-color: #ffffff;
  overflow: auto;
  height: 100%;
  width: 100%;
}

fieldset { /* let all fieldset share these */
    display: block;
    padding-top: 0.5em;
    margin-top: 1em;
    color: #0000ff;
    /*-moz-border-radius: 1em;*/
    border: 1px #bbbbbb solid;
    border-radius: 15px;

    font-size: 12px;
}

td.tdata{
   /* font-weight: bold;*/
    color: #00007f;
    background-color: #DDEEFF; /*  dark */
    border-collapse: collapse;
    padding:3px 3px 3px 3px;
}
tr.tdata{
   /* font-weight: bold;*/
    color: #00007f;
    background-color: #DDEEFF; /*  dark */
    border-collapse: collapse;
    padding:3px 3px 3px 3px;
}
td.greenbg{
    background-color: #DDFFEE; /*  dark */
}

.label3{ /* used extensively */
     font-family: Arial,sans-serif;
     font-weight: normal;
     font-size: 12px;
     color: #006699;
     margin: 0px;
     padding: 0px;
}
.label1{ /* used extensively */
     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-weight: normal;
     font-size: 12px;
     color: #000000;
}
.label4{ /* license table */
     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-weight: normal;
     font-size: 11px;
     color: #000000;
     line-height: 150%;
}
.label5{ /* green license numbers */
     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-weight: bold;
     font-size: 11px;
     color: green;
}
.label6{ /* license table */
     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-weight: bold;
     font-size: 11px;
     color: green;
}
.labelHelp{ /* About block font and color */
     font-family:  Tahoma,Verdana,Segoe,sans-serif;
     font-size: 11px;
     color: #404040;
}
.darkshade{
    background-color: #ffeeee;
}
.lightshade{
    background-color: #eeffee;
}
.total{
    border-bottom: 1px solid #eeeeee;
}
.feestyle{ /* license table */
     text-align: right;
}
.licensetablestyle {
    border: 1px solid #aaaaff; margin-top: 10px;
}
.highLight{
    background-color: yellow;
}

.wide{width: 100%}

.blue{ color: blue}
.green{ color: green}
.red{ color: red}
.gray{ color: #999999}
.redbg{
    background-color: #ffaaaa;
}
.yellowbg{
    background-color:#ffffaa;
}


.borderNoLine {border: 1px blue solid; cursor:pointer; background-color: #eeeeee;  padding:5px; -moz-border-radius: 0.3em;}
.borderLineAddress {border: 1px green solid; cursor:pointer;  opacity:0.4;filter:alpha(opacity=40) }
.borderNoLineAddress {border: 1px green solid; cursor:pointer;  opacity:1.0;filter:alpha(opacity=100) }

li{padding-bottom: 5px;}


/* baner table with background */
.topBannerCell {
    padding-right: 50px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    display:inline-block; vertical-align: middle;
}
.topBanner {
    background-image:url('topbg.png');
    padding-bottom: 2px;
    padding-top: 0px;
    padding-left: 5px;
    top: 0px;/*for positioning we use top, bottom, not margin */
    position: fixed; /*for positioning we use top, bottom, not margin */
    height: 17px;
    width: 100%;
    min-width: 1000px;
    z-index: 50000;
    /*border-bottom: 1px #008fff solid;*/
}


.bottomBanner {
    background: #aaffff;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 0px;
    bottom: 0px; /*for positioning we use top, bottom, not margin */
    position: fixed;
    height: 40px;
    width: 100%;
    z-index: 10000;/* needed so that daemon alert is behind the task bar */
    /*border-bottom: 1px #008fff solid;*/
}

/*overall task bar style: taskbar ol*/
ol.taskbar {
    height: 2em;
    list-style: none; /* without this number will appear on list */
    margin: 0;
    padding: 0;

    font-size: 14pt;
    font-family: helvetica, geneva, sans serif ;
    /*letter-spacing:1.2px;*/
    font-weight: 600;
    font-weight: normal;
    height: 100%;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    text-decoration: none;
    cursor: pointer;
    width: 4000px;/* wide format for large screen */
    border: solid #48f 1px; /* this gives the top line */
    /*border: solid #eeeeee 1px;  this gives the top line and the roundish shape */
    /*border-top: solid #48f 1px;*/
}


/*ol id is toc: each cell is a li */
li.normal {
    float: left;
    margin: 0 0 0 1px; /* 1px white line */
    background: #bdf url(tabs.gif);
    color: #008;
    /*display: block;*/
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-decoration: none;
    text-align: center;
    height: 40px;
    font: 13px/18px "Lucida Grande","Lucida Sans Unicode","Helvetica,Arial,Verdana,sans-serif";
    background-image:url('bottombg.png');
}
li.help{
    float: left;
    margin: 0 0 0 -1px; /* 1px white line */
    background: #bdf url(tabs.gif);
    color: #008;
    /*display: block;*/
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 7px;
    text-decoration: none;
    text-align: center;
    height: 40px;
    font: 13px/18px "Lucida Grande","Lucida Sans Unicode","Helvetica,Arial,Verdana,sans-serif";
    background-image:url('bottombg.png');

}


li.occupied {
    background-color: #48f;
    color: #fff;
    background-image:url('junk.png');
    background-position:center;
    z-index: 20000;
}
/* increment does not work; so making it absolute */
li.hover {
    background-color: #33aa55;
    background-color: #ffffff;
    color: #0000ff;
    /*color:white;*/
   background-image:url('bottombgover.png');
}
/*hover over li for IE needs special HTML declaration on the bottom.html page*/
/* ol#toc li:hover {   background-color: #7af;   color:white;} */
/* specially handle release and logout */
ol li#release
{

    padding-right: 800px;
}
ol li#home{   margin-left: -5px;}
ol li#logout{   background-image:url('logoutbg.png');}
.logoutStyle{
    background-color: #5555aa;
    /*background-color: #55aaaa;*/
    display: inline;
}

/* from stylesheethome.css */
.messageBox { font-size: 12px; font-family:  Verdana, arial, sans-serif; color: #0000aa;  font-style: italic; padding: 3px;  padding-top: 12px;  padding-left: 2px; padding-bottom: 12px; border: solid 1px #999999;
              text-align: left; padding-left: 5px; background: #eeeeee; margin-left:4px; margin-right: 4px; margin-top:0px;}

.messageBoxblue { font-size: 12px; font-family:  Verdana, arial, sans-serif; color: #0000aa;  font-style: italic; padding: 3px;  padding-top: 12px;  padding-left: 2px; padding-bottom: 12px; border: solid 1px #999999;
              text-align: left; padding-left: 5px; background: #eeeeee; margin-left:4px; margin-right: 4px; margin-top:0px;}

.linkMirror { cursor: pointer; font-size: 9px; font-family:  Verdana, arial, sans-serif; color: #006699; line-height: 2em }
.linkMirror2 { font-size: 9px; font-family:  Verdana, arial, sans-serif; color: #ffffff; line-height: 2em;  }

/*used in page maker for java applet loading */
.appletLoading{ background: #ffffff; padding : 10px;filter : alpha(opacity:90);font-size : 10px; margin: 10px; zIndex: 1000; overflow: auto; border:2px solid #55aaff; border-radius : 10px;}

.videoBox {}

table.propTable{
    border-collapse: collapse; 
    border: 1px solid #aaaaaa;
    border-spacing: 2px;
    border-bottom: 2px solid #aaaaaa;
    border: 2px solid #00cccc;
}
tr.doubleLines{
    border-bottom: 2px solid #aaaaaa;
    border-bottom: 2px solid #00cccc;
}
td.table{
    border: 1px solid #aaaaaa;
}
td{    
    padding: 5px;
}


/* for tables in Property Tables*/
/* any cell on click */
td.cellClicked { background: url("../../images/check.png") no-repeat; background-position: bottom left; }

/* pdf description cell */
td.desLinkTD {  color: #0645ad; cursor: pointer;  font-family:  Verdana, arial, sans-serif;  border: 1px solid #aaaaaa;}
td.desLinkTD:hover { background-color: #ffddaa;  }
td.desLinkTDBottomless {  color: #0645ad; cursor: pointer;  font-family:  Verdana, arial, sans-serif;  border: 1px solid #aaaaaa; border-bottom: 1px solid #ffffff;}
td.desLinkTDBottomless:hover { background-color: #ffddaa;  }

/*testcalc cells */
td.daemonLinkTD {  color: #0645ad; cursor: pointer;  font-family:  Verdana, arial, sans-serif;  border: 1px solid #aaaaaa;}
td.daemonLinkTD:hover { background-color: #aaffaa;  }
td.daemonLinkTDTopless {  color: #0645ad; cursor: pointer;  font-family:  Verdana, arial, sans-serif;  border: 1px solid #aaaaaa;border-top: 1px solid #ffffff; }
td.daemonLinkTDTopless:hover { background-color: #aaffaa;  }

/*fluid label cells */
.tableLabelTD
{
    color:#492774;
    color:#ff0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    cursor: help;
    /*font-weight:bold;*/
}

/* thermo table cells */
.rightLight {border-right: 1px solid #dddddd;}
td.tableLinkTD {  cursor: pointer;  border: 1px solid #aaaaaa; }
td.tableLinkTD:hover { background-color: #00ddff; color: #ff0000 }
/*td.tableCellOver { background-color: #00ddff; color: #ff0000 }
td.tableCellOut { background-color: #ffffff; }*/

/* descriptive text */
.tableTextTD{ border: 1px solid #aaaaaa;color:#353535; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; line-height: 1.5; padding-left: 10px;}

/* For the main body of all the paragraphs
.tabledata
{
     border: 1px solid #aaaaaa;
     color:#353535;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:12px;
     text-align:left;
     line-height: 1.5;
}
*/

/* tabs */
div.tabClicked{
    float: left;  
    width: 100px; 
    background: #55aaaa;  
    color: white; 
    font-weight: bold;
    margin-top: 5px;
    padding: 5px; padding-left: 25px;
    border: 1px solid #55aaaa; border-top-left-radius: 10px;  border-top-right-radius: 10px; 
    border-bottom: 0px;
    text-align: left; 
    border: 2px solid #00cccc; border-top-left-radius: 10px;  border-top-right-radius: 10px; 
    border-bottom: 0px;
    background: #00cccc;  
}
div.tabStyle{
    float: left;  
    width: 100px; 
    background: #ffffff;  
    color: #353535; 
    margin-top: 5px;
    padding: 5px; padding-left: 25px;
    border: 1px solid #55aaaa; border-top-left-radius: 10px;  border-top-right-radius: 10px; 
    text-align: left; 
    cursor: pointer; 
    border: 2px solid #00cccc; 
    border: 2px solid #00cccc; border-top-left-radius: 10px;  border-top-right-radius: 10px; 
    border-bottom: 0px;
}

div.tabStyle:hover{
    background-color: #00ffff;
}
/* second div from top table header */
div.tableHeaderStyle{
    clear: both;background: #99aaaa; background: #ffffff;  color: #353535; margin-left: 20px;  border: 1px solid #aaaaaa;  border-top-right-radius: 5px;  text-align: left; padding: 5px; padding-left: 10px;
    background: -webkit-linear-gradient(#ddd, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ddd, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ddd, #fff); /* For Firefox 3.6 to 15 */
    background: -moz-linear-gradient(#55aaaa, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ddd, #fff); /* Standard syntax (must be last) */
    background: linear-gradient(#aaffff, #ffffff); /* Standard syntax (must be last) */
    border: 2px solid #00cccc; 
    border-bottom: 0px solid #00cccc; 
}