@media screen and (max-width: 10px) {
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
}

/* standard elements */
button[type="submit"]:disabled
{
    background:#FFFF66;
}
body
    {
    background: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }

table #tablist{
    border-collapse:separate;
      border-spacing: 5px 0px;
}
  
  tr.initial { background-color: #FFFFFF; color:#000000 }
  tr.normal { background-color: #FFFFFF }
  tr.highlight
  {
        background-color: #F1F1F8;
	border-color: #EBECF1 #EBECF1 #000000 #000000;
	border-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;

  }

td
    {
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    }
input
    {
	font-size: 12px;
    }
select
    {
	font-size: 12px;
    }
p
    {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }
blockquote
    {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }
dl
    {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }

dt
    {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }

ul
    {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    list-style-type: disc;
    }
ol
    {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }
h1
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #336699;
    }
h2
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #336699;
    background-color: #EAE2BB;
    }
h3
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    }
h4
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #336699;
    }

pre
    {
    font-size: 120%;
    }
tt
    {
    font-size: 120%;
    }
code
    {
    font-size: 120%;
    }
kbd
    {
    font-size: 120%;
    }

/* default links */
a:link
	{
	color: #336699;
    text-decoration: none;
	}
a:visited
	{
	color: #80764F;
    text-decoration: none;
	}
a:hover
	{
	color: #000000;
      text-decoration: underline;
	}
a:active
	{
	color: #336699;
    text-decoration: none;
	}

/* documentation link formatting */
a.doc:link
	{
	color: #336699;
    text-decoration: underline;
	}
a.doc:visited
	{
	color: #336699;
    text-decoration: underline;
	}
a.doc:hover
	{
	color: #000000;
    text-decoration: underline;
	}
a.doc:active
	{
	color: #336699;
    text-decoration: underline;
	}

a.topText
	{
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
	color: #E6E6E6;
	}

a.topText:hover
	{
	color: #E6E6E6;
    text-decoration: underline;
	background-color: #336699;
	border-color: #000000 #000000 #000000 #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	}

a.topText:visited
	{
	color: #E6E6E6;
	background-color: #336699;
	}

a.topText:active
	{
	color: #E6E6E6;
	background-color: #336699;
	}

/* general styles */
.heading
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #336699;
	}
.headingwhite
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	}
.subheading
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	}
.subheadingsmall
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #336699;
	}
.subheadingblack
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}
.subheadingwhite
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	}
.docsubheading
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #336699;
	background-color: #EAE2BB;
	}
.docsubheadinggrey
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #336699;
	background-color: #cccccc;
    }
.error
    {
    color: #336699;
    }
.err
    {
    color: #336699;
    }

/* deco */
.lineColour
    {
    background: #999999;
    }

/* unordered list without bullets */
ul.sans
	{
	list-style-type: none;
	}

/* user options */
td.userOptions
    {
    background: #FFFFFF;
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    }
    td.userOptions a:link
        {
        color: #336699;
        text-decoration: underline;
        }
    td.userOptions a:visited
        {
        color: #336699;
        text-decoration: underline;
        }

/* primary navigation selected */
td.navSel
    {
    background: #E6E6E6;
    height: 25px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }
    td.navSel a:link
        {
        color: #000000;
        text-decoration: none;
        }
    td.navSel a:hover
        {
        color: #336699;
        text-decoration: none;
        }
    td.navSel a:active
        {
        color: #336699;
        text-decoration: none;
        }
    td.navSel a:visited
        {
        color: #000000;
        text-decoration: none;
        }

/* primary navigation not selected */
table.tblbgcolor1
	{
	background: #E6E6E6;	
	}
table.tblbgcolor2
	{
	background: #336699;	
	}
td.navunSel
    {
    
    height: 25px;
    background: #1e5799; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 81%, #2989d8 92%, #207cca 95%, #207cca 95%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(81%,#2989d8), color-stop(92%,#2989d8), color-stop(95%,#207cca), color-stop(95%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 81%,#2989d8 92%,#207cca 95%,#207cca 95%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 81%,#2989d8 92%,#207cca 95%,#207cca 95%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 81%,#2989d8 92%,#207cca 95%,#207cca 95%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 81%,#2989d8 92%,#207cca 95%,#207cca 95%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */

    
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }
    td.navunSel a:link
        {
        color: #FFFFFF;
        text-decoration: none;
        }
    td.navunSel a:hover
        {
        color: #FFFFFF;
        text-decoration: none;
        }
    td.navunSel a:active
        {
        color: #FFFFFF;
        text-decoration: none;
        }
    td.navunSel a:visited
        {
        color: #FFFFFF;
        text-decoration: none;
        }

/* secondary nav */
td.navSecondary
    {
    background: #E6E6E6;
    color: #000000;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    }
    td.navSecondary a:link
        {
        color: #000000;
        text-decoration: none;
        }
    td.navSecondary a:hover
        {
        color: #000000;
        text-decoration: none;
        }
    td.navSecondary a:active
        {
        color: #000000;
        text-decoration: none;
        }
    td.navSecondary a:visited
        {
        color: #000000;
        text-decoration: none;
        }

/* categories */
p.cat
    {
    line-height : 5px;
    }
p.cat a:link
        {
        color: #336699;
        }
p.cat a:hover
        {
        color: #000000;
        }
p.cat a:active
        {
        color: #336699;
        }
p.cat a:visited
        {
        color: #336699;
        }

/* not currently used
a.cat1
    {
    font-size: 80%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }
    a.cat1:link
        {
        color: #336699;
        }
    a.cat1:hover
        {
        color: #000000;
        }
    a.cat1:active
        {
        color: #336699;
        }
    a.cat1:visited
        {
        color: #80764F;
        }

a.cat2
    {
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-indent: 5px;
    }
    a.cat2:link
        {
        color: #336699;
        }
    a.cat2:hover
        {
        color: #000000;
        }
    a.cat2:active
        {
        color: #336699;
        }
    a.cat2:visited
        {
        color: #80764F;
        }
*/

/*  path  */
td.path
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    }

/*  footer  */
td.footer
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	text-decoration: none;
	}
td.formRequired
    {
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    }

/* search */
td.searchResults
    {
    background: #FFFFFF;
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    }
td.previousNext
    {
    background: #FFFFFF;
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }
td.previousNextRef
    {
    background: #EEEEEE;
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }
td.treeRefMain
    {
    background: #FFFFFF;
    font-size: 80%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }
    td.treeRefMain a:link
        {
        color: #000000;
        text-decoration: none;
        }
    td.treeRefMain a:visited
        {
        color: #666666;
        text-decoration: none;
        }
    td.treeRefMain a:hover
        {
        color: #336699;
        text-decoration: underline;
        }
    td.treeRefMain a:active
        {
        color: #336699;
        text-decoration: underline;
        }
td.treeRef
    {
    background: #FFFFFF;
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }
    td.treeRef a:link
        {
        color: #000000;
        text-decoration: none;
        }
    td.treeRef a:visited
        {
        color: #666666;
        text-decoration: none;
        }
    td.treeRef a:hover
        {
        color: #336699;
        text-decoration: underline;
        }
    td.treeRef a:active
        {
        color: #336699;
        text-decoration: underline;
        }

td.downloads
    {
    background: #FFFFFF;
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }
    td.downloads a:link
        {
        color: #336699;
        }
    td.downloads a:visited
        {
        color: #336699;
        }

td.downloadsBeta
    {
    background: #EEEEEE;
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    }
    td.downloadsBeta a:link
        {
        color: #336699;
        }
    td.downloadsBeta a:visited
        {
        color: #336699;
        }
p.downloadsMain
    {
    background: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    }
    p.downloadsMain a:link
        {
        font-weight: normal;
        }
    p.downloadsMain a:hover
        {
        font-weight: normal;
        }
    p.downloadsMain a:active
        {
        font-weight: normal;
        }
    p.downloadsMain a:visited
        {
        color: #336699;
        font-weight: normal;
        }

    p.downloadsMain a.downloadName:link
        {
        color: #000000;
        font-weight: bold;
        }
    p.downloadsMain a.downloadName:hover
        {
        color: #000000;
        font-weight: bold;
        }
    p.downloadsMain a.downloadName:active
        {
        color: #000000;
        font-weight: bold;
        }
    p.downloadsMain a.downloadName:visited
        {
        color: #000000;
        font-weight: bold;
        }
td.quote
    {
    color: #666666;
    font-size: 70%;
    }

/* stuff for cookbook coloring */
.syntaxstring { color:  #23238e; }
.syntaxtext { color:  #000000; }
.syntaxcomment { color:  #696969; }
.syntaxname { color:  #000000; }
.syntaxerror { color:  #e63c3c; }
.syntaxkeyword { color:  #871f78; }
.syntaxactiveblue { color: #0032FF; }
.syntaxdarkblue { color: #00008B; }
.syntaxdarkgreen { color: #006400; }
.syntaxdarkcyan { color: #008B8B; }
.syntaxfirebrick { color: #B22222; }
.syntaxactiveorange { color: #C86400; }
/* end stuff */

/* shopping cart */
td.SCheader
{
	background: #E6E6E6;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align : center;
}
td.SCheaderRight
{
	background: #E6E6E6;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align : right;
}

td.SCsubheader
{
	background: #E6E6E6;
	font-size: 40%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align : center;
}

td.SCheaderLeft
{
	background: #E6E6E6;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align : left;
}

td.SCshade
{
	background: #EAE2BB;
    font-size: 80%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align : left;
}

/* used on popup */
a.windowClose:link
	{
	font-weight: bold;
	color: 		#FFFFFF;
	}
a.windowClose:visited
	{
	font-weight: bold;
	color: 		#FFFFFF;
	}
a.windowClose:hover
	{
	font-weight: bold;
	color: 		#FFFFFF;
	}
a.windowClose:active
	{
	font-weight: bold;
	color: 		#FFFFFF;
	}

/* used by mailarchive */
a.arc:link
        {
        color: #000000;
        text-decoration: none;
        }
a.arc:visited
        {
        color: #666666;
        text-decoration: none;
        }
a.arc:hover
        {
        color: #336699;
        text-decoration: underline;
        }
a.arc:active
        {
        color: #336699;
        text-decoration: underline;
        }

/* used to highlight search terms */
.highlight1 { background: #EAE2BB; }
.highlight2 { background: #BBBBBB; }
.highlight3 { background: #CFBF7F; }
.highlight4 { background: #DDDDDD; }
.highlight5 { background: #CCC8B8; }
.mail_quotation { color: #80764F; }

/* documentation table data */
td.doc
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	}
.linedelim
	{
	border-bottom: 1px solid #E6E6E6;
	}
.linedelimright
	{
	text-align: right;
	border-bottom: 1px solid #E6E6E6;
	}
.startupBox
	{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border: 1px outset;
      padding: 1px 1px;
	}
.noteWarning
        {
        border-top: 1px solid #FF0000;
        border-right: 2px solid #FF0000;
        border-bottom: 2px solid #FF0000;
        border-left: 1px solid #FF0000;
        font-weight: bold;
        }
/* alternate rows */
.alternate
	{
	background-color: #f0f0f0;
	}

/* disabled anything */
.disabled
        {
        color: #A0A0A0
        }

/* chat archive */
.person
        {
        color: #000099;
        }
.chatter
        {
        color: #000000;
        font-weight: bold;
        }

.PPHelp A{ COLOR: #FFFFFF; }
.PPHelp A:visited{ COLOR: #FFFFFF; }

.PPModuleBrd { BACKGROUND-COLOR: #336699; }
.PPModuleTtlTbl { BACKGROUND-COLOR: #336699; }
.PPDynamicTbl {BACKGROUND-COLOR: #F8F5E7;}

.PPModuleTtlTxt {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    }

.editorbody {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	color:#4E4F4F;
	font-weight: normal;
	TEXT-DECORATION: none
}

.editorbodybold {
	font-family: arial,helvetica,sans-serif;
	font-size:11px;
	color:#333333;
	font-weight: bold
}

.editorText50 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	width: 50px;	
}

.editorText70 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	width: 75px;	
}

.editorText80 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	width: 80px;	
}

.editorText90 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	width: 90px;	
}

.editorheading2 {
	font-weight: normal;
	font-size: 17px;
	color: #577CC7;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none
}

.editorbevel2 {
	background-color: #FFFFFF;
	border-color: #336699 #336699 #336699 #336699;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000
}

.editorbevel3 {
	background-color: #FFFFFF;
	border-color: #336699 #336699 #336699 #336699;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000
}

.calendarcell {
	background-color: #FFFFFF;
	border-color: #E6E6E6 #E6E6E6 #E6E6E6 #E6E6E6;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000
}

.calendarheader {
	background-color: #E6E6E6;
	border-color: #336699 #336699 #336699 #336699;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000
}

a.editorbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EEEEEE;
	text-align: center;
	background-color: #CC3300;
	font-style: normal;
	text-decoration: none;
	height: 12px;
	padding-top:0px;
}

a.editorbutton:hover {	
	text-decoration: none;
	background-color: #ee5522;
}

.editorbuttonbg {
	border-color: #FF784A #822100 #993300 #ff784A;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #E6E6E6
}


a.selectbutton{
      text-decoration: none;
      background-color: #FF6633;
      color: #FFFFFF;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border: 1px outset;
      padding: 2px 2px;
      font-weight: bold;
}

a.selectbutton:hover {	
	text-decoration: none;
	background-color: #FF6633;
	border-bottom : thin outset 336699;
	border-right : thin outset 336699;
	border-left : thin groove E6E6E6;
	border-top : thin groove E6E6E6;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}



a.coverbutton{
	background-color: #336699;
	color: #E6E6E6;
	}

a.coverbutton:hover {
	background-color: #336699;
	border-color: #000000 #000000 #000000 #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #000000
}

a.okbutton{
	text-decoration: none;
	background-color: green;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
	padding : 1px 1px 1px 1px;
	border-bottom : thin outset Silver;
	border-right : thin outset Silver;
	border-left : thin outset Silver;
	border-top : thin outset Silver;
	color : white;
	font-weight : bold;
	line-height : 2;
	font-size: 12px;
}
a.okbutton:hover {
	text-decoration: none;
	background-color: green;
	padding : 1px 1px 1px 1px;
	border-bottom : thin outset green;
	border-right : thin outset green;
	border-left : thin groove Silver;
	border-top : thin groove Silver;
	color : white;
	font-weight : bold;
	line-height : 2;
	font-size: 12px;
}
a.okbutton:visited {
	text-decoration: none;
	background-color: green;
	padding : 1px 1px 1px 1px;
	border-bottom : thin outset green;
	border-right : thin outset green;
	border-left : thin groove Silver;
	border-top : thin groove Silver;
	color : white;
	font-weight : bold;
	line-height : 2;
	font-size: 12px;
}
a.okbutton:active {
	text-decoration: none;
	background-color: green;
	padding : 1px 1px 1px 1px;
	border-bottom : thin outset green;
	border-right : thin outset green;
	border-left : thin groove Silver;
	border-top : thin groove Silver;
	color : white;
	font-weight : bold;
	line-height : 2;
	font-size: 12px;
}
a.badbutton{
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
	text-decoration: none;
	background-color: red;
	padding : 1px 1px 1px 1px;
	border-bottom : thin outset Silver;
	border-right : thin outset Silver;
	border-left : thin outset Silver;
	border-top : thin outset Silver;
	color : white;
	font-weight : bold;
	line-height : 2;
	font-size: 12px;
}
a.badbutton:hover {
	text-decoration: none;
	background-color: red;
	padding : 1px 1px 1px 1px;
	border-bottom : thin outset green;
	border-right : thin outset green;
	border-left : thin groove Silver;
	border-top : thin groove Silver;
	color : white;
	font-weight : bold;
	line-height : 2;
	font-size: 12px;
}
a.badbutton:visited {
	text-decoration: none;
	background-color: red;
	padding : 1px 1px 1px 1px;
	border-bottom : thin outset green;
	border-right : thin outset green;
	border-left : thin groove Silver;
	border-top : thin groove Silver;
	color : white;
	font-weight : bold;
	line-height : 2;
	font-size: 12px;
}
a.badbutton:active {
	text-decoration: none;
	background-color: red;
	padding : 1px 1px 1px 1px;
	border-bottom : thin outset green;
	border-right : thin outset green;
	border-left : thin groove Silver;
	border-top : thin groove Silver;
	color : white;
	font-weight : bold;
	line-height : 2;
	font-size: 12px;
}

a.bluebutton{
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
	text-decoration: none;
	background-color: #9FBEFF;
	padding : 1px 1px 1px 1px;
	border-bottom : thin outset Silver;
	border-right : thin outset Silver;
	border-left : thin outset Silver;
	border-top : thin outset Silver;
	color : white;
	font-weight : bold;
	line-height : 2;
	font-size: 12px;
	font-color: white;
}
a.bluebutton:hover {
	text-decoration: none;
	background-color: #9FBEFF;
	padding : 1px 1px 1px 1px;
	border-bottom : medium outset yellow;
	border-right : medium outset yellow;
	border-left : thin outset Silver;
	border-top : thin outset Silver;
	color : white;
	font-weight : bold;
	line-height : 2;
	font-size: 12px;
	font-color: white;
}
a.bluebutton:visited {
	text-decoration: none;
	background-color: #9FBEFF;
	padding : 1px 1px 1px 1px;
	border-bottom : thin outset green;
	border-right : thin outset green;
	border-left : thin groove Silver;
	border-top : thin groove Silver;
	color : white;
	font-weight : bold;
	line-height : 2;
	font-size: 12px;
	font-color: white;
}
a.bluebutton:active {
	text-decoration: none;
	background-color: #336699;
	padding : 1px 1px 1px 1px;
	border-bottom : thin outset green;
	border-right : thin outset green;
	border-left : thin groove Silver;
	border-top : thin groove Silver;
	color : white;
	font-weight : bold;
	line-height : 2;
	font-size: 12px;
	font-color: white;
}


a.smbluebutton{
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
	text-decoration: none;
	background-color: #9BBBBB;
	padding : 0.5px 0.5px 0.5px 0.5px;
	border-bottom : thin outset Silver;
	border-right : thin outset Silver;
	border-left : thin outset Silver;
	border-top : thin outset Silver;
	color : black;
	font-weight : bold;
	line-height : 1;
	font-size: 10px;
	font-color: white;
}
a.smbluebutton:hover {
	text-decoration: none;
	background-color: #9BBBBB;
	padding : 0.5px 0.5px 0.5px 0.5px;
	border-bottom : medium outset yellow;
	border-right : medium outset yellow;
	border-left : thin outset Silver;
	border-top : thin outset Silver;
	color : black;
	font-weight : bold;
	line-height : 1;
	font-size: 10px;
	font-color: white;
}
a.smbluebutton:visited {
	text-decoration: none;
	background-color: #9BBBBB;
	padding : 0.5px 0.5px 0.5px 0.5px;
	border-bottom : thin outset green;
	border-right : thin outset green;
	border-left : thin groove Silver;
	border-top : thin groove Silver;
	color : blue;
	font-weight : bold;
	line-height : 1;
	font-size: 10px;
	font-color: white;
}
a.smbluebutton:active {
	text-decoration: none;
	background-color: #336699;
	padding : 0.5px 0.5px 0.5px 0.5px;
	border-bottom : thin outset green;
	border-right : thin outset green;
	border-left : thin groove Silver;
	border-top : thin groove Silver;
	color : black;
	font-weight : bold;
	line-height : 1;
	font-size: 10px;
	font-color: white;
}

.right {
      float: right !important;
}
.left {
      float: left !important;
}

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	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);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

.editortoolbutton{
        display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none !important;
	font: 14px/100% Arial, Helvetica, sans-serif;
	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);
	font-size: 11px;
	padding: .2em 1em .275em;
	color: #606060 !important;
	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');
      
}

.editortoolbutton:hover {
	font-size: 11px;
	padding: .2em 1em .275em;
	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');
}

.editortoolbutton:active {
	font-size: 11px;
	padding: .2em 1em .275em;
	color: #999;
	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');
}

/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7 !important;
	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');
}
.black: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');
}
.black:active {
	color: #666;
	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 */
.gray {
	color: #e9e9e9 !important;
	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');
}
.gray: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');
}
.gray:active {
	color: #afafaf;
	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 */
.white {
	color: #606060 !important;
	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');
}
.white: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');
}
.white:active {
	color: #999;
	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 */
.orange {
	color: #fef4e9 !important;
	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');
}
.orange: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');
}
.orange:active {
	color: #fcd3a5;
	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 */
.red {
	color: #ffffff !important;
	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');
}
.red: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');
}
.red:active {
	color: #de898c;
	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 */
.blue {
	color: #d9eef7 !important;
	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');
}
.blue: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');
}
.blue:active {
	color: #80bed6;
	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 */
.rosy {
	color: #fae7e9 !important;
	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');
}
.rosy: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');
}
.rosy:active {
	color: #dca4ab;
	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 */
.green {
	color: #e8f0de !important;
	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');
}
.green: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');
}
.green:active {
	color: #a9c08c;
	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 */
.pink {
	color: #feeef5;
	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');
}
.pink: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');
}
.pink:active {
	color: #f3c3d9;
	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');
}
/* Tables 336699;E6E6E6 */
.bordered {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 99%;    
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}



/*----------------------*/

.zebra td, .zebra th {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;    
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;  
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.zebra tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
    border-radius: 0 0 6px 6px
}
.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #cccccc;
	
	-moz-border-radius-bottomleft:9px;
	-webkit-border-bottom-left-radius:9px;
	border-bottom-left-radius:9px;
	
	-moz-border-radius-bottomright:9px;
	-webkit-border-bottom-right-radius:9px;
	border-bottom-right-radius:9px;
	
	-moz-border-radius-topright:9px;
	-webkit-border-top-right-radius:9px;
	border-top-right-radius:9px;
	
	-moz-border-radius-topleft:9px;
	-webkit-border-top-left-radius:9px;
	border-top-left-radius:9px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:9px;
	-webkit-border-bottom-right-radius:9px;
	border-bottom-right-radius:9px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:9px;
	-webkit-border-top-left-radius:9px;
	border-top-left-radius:9px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:9px;
	-webkit-border-top-right-radius:9px;
	border-top-right-radius:9px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:9px;
	-webkit-border-bottom-left-radius:9px;
	border-bottom-left-radius:9px;
}.CSSTableGenerator tr:hover td{
	background-color:#cccccc;
		

}
.CSSTableGenerator td{
	vertical-align:middle;
	
	background-color:#edf2f7;

	border:1px solid #cccccc;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:16px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #2181e0 5%, #1e354c 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2181e0), color-stop(1, #1e354c) );
	background:-moz-linear-gradient( center top, #2181e0 5%, #1e354c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2181e0", endColorstr="#1e354c");	background: -o-linear-gradient(top,#2181e0,1e354c);

	background-color:#2181e0;
	border:0px solid #cccccc;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #2181e0 5%, #1e354c 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2181e0), color-stop(1, #1e354c) );
	background:-moz-linear-gradient( center top, #2181e0 5%, #1e354c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2181e0", endColorstr="#1e354c");	background: -o-linear-gradient(top,#2181e0,1e354c);

	background-color:#2181e0;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.Three-Dee{
      font-family:  Arial, Helvetica, sans-serif;
      line-height: 2em;
      color: #ffffff;
      font-weight:bold;
      font-size: 16px;
      
       
    
     padding: 6px;
     
    text-shadow:0px 0px 0 rgb(-458,-451,-311), 1px 1px 0 rgb(-713,-706,-566),2px 2px 1px rgba(0,0,0,0),1px 1px 1px rgba(0,0,0,0.2),0px 0px 1px rgba(0,0,0,.2);
    
    
    background-color: #336699;
border: 0.1px solid #ffffff;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2181e0', endColorstr = '#1e354c');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2181e0', endColorstr = '#1e354c')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #2181e0, #1e354c);
background-image: -ms-linear-gradient(top, #2181e0, #1e354c);
background-image: -o-linear-gradient(top, #2181e0, #1e354c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#2181e0), to(#1e354c));
background-image: -webkit-linear-gradient(top, #2181e0, #1e354c);
background-image: linear-gradient(top, #2181e0, #1e354c);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
opacity: 0.9;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 90);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/

}

.blink_me_slow {
  animation: blinker 6s linear infinite;
}

.blink_me {
  animation: blinker 4s linear infinite;
}

.blink_me_fast {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

/* Dropdown */

.dropbtn {
  border: none;
  cursor: pointer;
}

.dropdown {
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  z-index: 1;
  background-color: silver;
  border: thin;
}

.dropdown-content a {
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: transparent}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: transparent;
}