html, body {
width: 100%;
padding: 0;
margin: 0;
font-family: helvetica,arial,sans;
color: #666666;
}
h1, h2, h3, h4, h5, h6 {
color: #4D9FAE;
font-weight: normal;
letter-spacing: 0;
line-height: 140%;
font-family: 'Oswald', sans-serif;
}
a:hover { text-decoration: none; }
a, a:link, a:active,a:visited {
color: #4d9fae;
outline: none;
text-decoration: underline;
}
.overDark
{
color: #4da0ac;
}
a.overDark, a.overDark:link, a.overDark:active,a.overDark:visited
{
color: #4da0ac;
outline: none;
text-decoration: underline;
}
a.overDark:hover
{
color: #d5e4e8; /**#4f593c;**/
outline: none;
}
h1
{
font-size: 14pt;
margin: 0 0 10px;
}
table.StandardTable
{
border: solid 1px #CCC;
border-collapse: collapse;
min-width: 600px;
}
table.StandardTable tr td
{
border: solid 1px #CCC;
border-collapse: collapse;
padding: 5px;
}
table.StandardTable tr td label
{
display: inline-block;
font-size: 8pt;
color: #CCC;
width: 35px;
}
.arrowBox
{
padding: 0;
background: url("../images/web/white-arrow-right.png") no-repeat scroll 6px 17px #4D9FAE;
background-color: #4D9FAE;
height: 40px;
width: 15px;
color: #ffffff;
float: left;
font-size: 12px;
line-height: 20px;
}
/* ----------------------------------------------------
BUTTONS
------------------------------------------------------- */
/* buttons common */
a.button
{
float: left;
display:inline-block !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 0 15px;
text-decoration:none;
font-size:12px;
line-height:23px;
cursor:pointer;
}
/* medium button */
.button.medium{
padding: 2px 15px;
text-decoration:none;
font-size:14px;
line-height:27px;
}
/* big button */
.button.big{
padding: 10px 15px;
text-decoration:none;
font-size:16px;
line-height:31px;
}
/* mail button */
.button .mail{
background:url(../images/assets/icons/mail.png) left 2px no-repeat;
padding-left:25px;
}
/* mail button light icon */
.button .mail.light{
background:url(../images/assets/icons/mail_w.png) left 2px no-repeat;
}
/* default button colors */
.button.default{
border: solid 1px #ccc;
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* W3C */
border-color: #D8D8D8 #CBCBCB #9D9D9D;
color: #646464 !important;
text-shadow: 0 1px 0 #F4F4F4;
-webkit-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
-moz-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #fff;
}
/* default button hover state */
.button.default:hover{
background: rgb(216,216,216); /* Old browsers */
background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(247,247,247,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(216,216,216,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
border-color: #D8D8D8 #CBCBCB #B2B2B2;
}
/* orange button colors */
.button.orange{
border: solid 1px #C1780F;
background: rgb(254,193,35); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,193,35,1) 0%, rgba(232,120,1,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,193,35,1)), color-stop(100%,rgba(232,120,1,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,193,35,1) 0%,rgba(232,120,1,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,193,35,1) 0%,rgba(232,120,1,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(254,193,35,1) 0%,rgba(232,120,1,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec123', endColorstr='#e87801',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(254,193,35,1) 0%,rgba(232,120,1,1) 100%); /* W3C */
border-color: #FEB304 #E47A13 #C1780F;
color: #773101 !important;
text-shadow: 0 1px 0 #ECCF94;
-webkit-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #FEE09D;
-moz-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #FEE09D;
box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #FEE09D;
}
/* orange button hover state */
.button.orange:hover{
background: rgb(232,120,1); /* Old browsers */
background: -moz-linear-gradient(top, rgba(232,120,1,1) 0%, rgba(254,193,35,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,120,1,1)), color-stop(100%,rgba(254,193,35,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(232,120,1,1) 0%,rgba(254,193,35,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(232,120,1,1) 0%,rgba(254,193,35,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(232,120,1,1) 0%,rgba(254,193,35,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87801', endColorstr='#fec123',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(232,120,1,1) 0%,rgba(254,193,35,1) 100%); /* W3C */
border-color: #FEB304 #E47A13 #C1780F;
}
/* blue button colors */
.button.blue{
border: solid 1px #C1780F;
background: rgb(176,209,236); /* Old browsers */
background: -moz-linear-gradient(top, rgba(176,209,236,1) 0%, rgba(53,88,108,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,209,236,1)), color-stop(100%,rgba(53,88,108,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(176,209,236,1) 0%,rgba(53,88,108,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(176,209,236,1) 0%,rgba(53,88,108,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(176,209,236,1) 0%,rgba(53,88,108,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d1ec', endColorstr='#35586c',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(176,209,236,1) 0%,rgba(53,88,108,1) 100%); /* W3C */
border-color: #86ADC6 #4D6F8C #082132;
color: #F7FFF9 !important;
text-shadow: 0 1px 0 #082131;
-webkit-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #DCEAFB;
-moz-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #DCEAFB;
box-shadow: 0px 1px 2px #BABABA, inset 0 1px 0 #DCEAFB;
}
/* blue button hover state */
.button.blue:hover{
background: rgb(53,88,108); /* Old browsers */
background: -moz-linear-gradient(top, rgba(53,88,108,1) 0%, rgba(176,209,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,88,108,1)), color-stop(100%,rgba(176,209,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(53,88,108,1) 0%,rgba(176,209,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(53,88,108,1) 0%,rgba(176,209,236,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(53,88,108,1) 0%,rgba(176,209,236,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35586c', endColorstr='#b0d1ec',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(53,88,108,1) 0%,rgba(176,209,236,1) 100%); /* W3C */
-webkit-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #89A5AE;
-moz-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #89A5AE;
box-shadow: 0px 1px 2px #BABABA, inset 0 1px 0 #89A5AE;
}
/* dark button colors */
.button.dark{
border: solid 1px #C1780F;
background: rgb(126,126,126); /* Old browsers */
background: -moz-linear-gradient(top, rgba(126,126,126,1) 0%, rgba(52,52,52,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,126,126,1)), color-stop(100%,rgba(52,52,52,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(126,126,126,1) 0%,rgba(52,52,52,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(126,126,126,1) 0%,rgba(52,52,52,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(126,126,126,1) 0%,rgba(52,52,52,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#343434',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(126,126,126,1) 0%,rgba(52,52,52,1) 100%); /* W3C */
border-color: #767676 #3C3C3C #171717;
color: #F7FFF9 !important;
text-shadow: 0 1px 0 #000;
-webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #A5A5A5;
-moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #A5A5A5;
box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #A5A5A5;
}
/* dark button hover state */
.button.dark:hover{
background: rgb(52,52,52); /* Old browsers */
background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(126,126,126,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,52,52,1)), color-stop(100%,rgba(126,126,126,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(126,126,126,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(126,126,126,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(126,126,126,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#7e7e7e',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(52,52,52,1) 0%,rgba(126,126,126,1) 100%); /* W3C */
}
/* green button colors */
.button.green{
border: solid 1px #2F321A;
background: rgb(164,179,87); /* Old browsers */
background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(76,109,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,179,87,1)), color-stop(100%,rgba(76,109,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(76,109,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(76,109,0,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(76,109,0,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#4c6d00',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(164,179,87,1) 0%,rgba(76,109,0,1) 100%); /* W3C */
border-color: #96A451 #586030 #2F321A;
color: #fff !important;
text-shadow: 0 1px 0 #2F321A;
-webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #A5A5A5;
-moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #A5A5A5;
box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #C1D26A;
}
/* green button hover state */
.button.green:hover{
background: rgb(76,109,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(76,109,0,1) 0%, rgba(164,179,87,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,109,0,1)), color-stop(100%,rgba(164,179,87,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(76,109,0,1) 0%,rgba(164,179,87,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(76,109,0,1) 0%,rgba(164,179,87,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(76,109,0,1) 0%,rgba(164,179,87,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c6d00', endColorstr='#a4b357',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(76,109,0,1) 0%,rgba(164,179,87,1) 100%); /* W3C */
}
/* navy button colors */
.button.navy{
border: solid 1px #162D45;
background: rgb(53,106,160); /* Old browsers */
background: -moz-linear-gradient(top, rgba(53,106,160,1) 0%, rgba(32,63,96,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,106,160,1)), color-stop(100%,rgba(32,63,96,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(53,106,160,1) 0%,rgba(32,63,96,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(53,106,160,1) 0%,rgba(32,63,96,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(53,106,160,1) 0%,rgba(32,63,96,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#203f60',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(53,106,160,1) 0%,rgba(32,63,96,1) 100%); /* W3C */
border-color: #3267A3 #214365 #162D45;
color: #fff !important;
text-shadow: 0 1px 0 #001C32;
-webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #87B5EF;
-moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #87B5EF;
box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #87B5EF;
}
/* navy button hover state */
.button.navy:hover{
background: rgb(32,63,96); /* Old browsers */
background: -moz-linear-gradient(top, rgba(32,63,96,1) 0%, rgba(53,106,160,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,63,96,1)), color-stop(100%,rgba(53,106,160,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(32,63,96,1) 0%,rgba(53,106,160,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(32,63,96,1) 0%,rgba(53,106,160,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(32,63,96,1) 0%,rgba(53,106,160,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203f60', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(32,63,96,1) 0%,rgba(53,106,160,1) 100%); /* W3C */
}
/* red button colors */
.button.red{
border: solid 1px #162D45;
background: rgb(204,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(204,0,0,1) 0%, rgba(124,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,0,0,1)), color-stop(100%,rgba(124,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#7c0000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* W3C */
border-color: #AC0101 #860101 #5C0101;
color: #fff !important;
text-shadow: 0 1px 0 #2F321A;
-webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #FC6F6A;
-moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #FC6F6A;
box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #FC6F6A;
}
/* red button hover state */
.button.red:hover{
background: rgb(124,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(124,0,0,1) 0%, rgba(204,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,0,0,1)), color-stop(100%,rgba(204,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* W3C */
}
/* light button colors */
.button.light{
border: solid 1px #9D9D9D;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
border-color: #E0E0E0 #D1D1D1 #B2B2B2;
color: #646464 !important;
text-shadow: 0 1px 0 #F4F4F4;
-webkit-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
-moz-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #fff;
}
/* light button hover state */
.button.light:hover{
background: rgb(246,246,246); /* Old browsers */
background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(249,249,249,1) 49%, rgba(241,241,241,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(49%,rgba(249,249,249,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
}
/* ----------------------------------------------------
FORMS
------------------------------------------------------- */
/* all form elements common */
input, select, textarea{
font-family: Arial, Helevtica, Verdana, san-serif;
font-size:12px;
position:relative;
outline: none;
padding:8px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
color:#8C8C8C;
background:#fff;
border:1px solid #eee;
-moz-box-box-shadow:inset 0px 1px 1px #fff, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow:inset 0px 1px 1px #fff, inset 0px 5px 5px #F4F4F4;
box-shadow:inset 0px 1px 1px #fff, inset 0px 5px 5px #F4F4F4;
}
/* image buttons, checkbox and radio */
input[type="image"],input[type="checkbox"],input[type="radio"]{
width:auto;
border:0;
padding:0;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important;
}
/* buttons */
form input[type="button"], form input[type="submit"]{
text-align:center;
display:inline-block !important;
font-size:12px;
line-height:100%;
position:relative;
text-decoration:none;
border:0;
padding:3px 10px 2px 10px;
cursor:pointer;
min-width:100px;
background: #bdbdbd;
border: solid 1px #ccc !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#D8D8D8');
background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#D8D8D8));
background: -moz-linear-gradient(top, #F7F7F7, #D8D8D8);
border-color: #D8D8D8 #CBCBCB #B2B2B2;
color: #898989 !important;
text-shadow: 0 1px 0 #F4F4F4;
-webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #fff;
-moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #fff;
box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #fff !important;
}
form input:focus, form select:focus, form textarea:focus{
border:1px solid #eee;
-moz-box-shadow: 0px 2px 2px #eee;
-webkit-box-shadow: 0px 2px 2px #eee;
box-shadow: 0px 2px 2px #eee;
}
form input[type="button"]:hover, form input[type="submit"]:hover{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#D8D8D8');
background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#D8D8D8));
background: -moz-linear-gradient(top, #D8D8D8, #F7F7F7);
border-color: #D8D8D8 #CBCBCB #B2B2B2;
}
.sidebar_content form input:focus, .sidebar_content form select:focus, .sidebar_content form textarea:focus, .sidebar_content form input[type="button"], .sidebar_content form input[type="submit"]{
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* labels */
form label{
display: inline;
float:none;
line-height:100%;
padding:0 0 7px 7px !important;
position:relative;
color:#8B8B8B;
}
/* list in forms */
form ul, form li{
list-style-type:none;
list-style-position:outside;
border:0;
margin:0 0 14px 0 !important;
padding:0 !important;
display:block;
clear:both;
background:0 !important;
}
form ul li {
margin:0px 0 10px 0px !important;
border:0 !important;
}
/* form field widths for content area */
.content input[type="text"]{
width:300px;
}
.content textarea{
width:500px;
overflow:auto;
}
/* form field widths for columns */
.box input[type="text"]{
width:94%;
}
.box textarea{
width:94%;
overflow:auto;
}
/* form field widths for sidebar*/
.sidebar_content input[type="text"], .sidebar_content select, .sidebar_content textarea{
width:160px !important;
}
/* form validation */
#validate_form label.error {
display:none !important;
color: red;
border: 1px solid red;
}
#validate_form .error{
color: red;
border: 1px solid red;
}
/* Form Messages*/
.ok_box{
padding:20px;
width:auto;
margin:0 0 30px 0;
position:relative;
display:inline-block;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow: 0 4px 4px #CBCBCB;
-webkit-box-shadow: 0 4px 4px #CBCBCB;
box-shadow: 0 4px 4px #CBCBCB;
text-shadow: 1px 1px 0px #FBFFF8;
background:#E5FFC6;
border:1px solid #B8CD9F;
color:#90A17D;
}
.ok_box h3{
font-size:18px;
color:green;
}
.error_box, #loader{
padding:20px;
width:auto;
margin:0 0 30px 0;
position:relative;
display:inline-block;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow: 0 4px 4px #CBCBCB;
-webkit-box-shadow: 0 4px 4px #CBCBCB;
box-shadow: 0 4px 4px #CBCBCB;
text-shadow: 1px 1px 0px #FFEBE5;
background:#ffcccc;
border:1px solid #ff9999;
color:#c31b00;
}
/* ----------------------------------------------------
LISTS
------------------------------------------------------- */
dd{
color:#8B8B8B;
}
/* list with stars */
.star{
}
/* list with check image */
.check{
}
/* content lists */
ul, ol{
list-style: disc;
margin:0 0 20px 17px;
}
ul ul, ol ol{
list-style: circle;
padding:0 10px;
margin:0 0 10px 0;
}
ul ul ul, ol ol ol{
list-style: square;
padding:0 10px;
margin:0 0 10px 0;
}
ol{
list-style: decimal;
}
ol ol{
list-style: lower-latin;
}
ol ol ol{
list-style: lower-roman;
}
ul ul li, ol ol li{
margin:5px 0 5px 15px;
}
dl{
margin:0 0 20px 0;
}
dd{
margin:5px 0 5px 15px;
font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
font-style:italic;
}
.lined li{
padding:5px 0;
}
/* list with stars */
.star{
margin:0 0 20px 22px;
list-style-image:url(../images/star.png) !important;
}
/* list with check image */
.check{
margin:0 0 20px 22px;
list-style-image:url(../images/check.gif) !important;
}
.product .check{
margin:0 0 20px 22px;
list-style-image:url(../images/check.gif) !important;
}
.simplemodal-overlay
{
background-color:#000;
cursor: progress;
}
.modal {
font-size: 10pt;padding: 20px; border:solid 1px black; background-color: #fff;
}
a.ModalLink, a.ModalLink:active, a.ModalLink:visited, a.ModalLink:hover
{
color: #000;
outline: none;
text-decoration: underline;
}
a.modalCloseImg
{
background:url(/images/close_black.png) no-repeat;
width:16px;
height:16px;
display:inline;
z-index:3200;
position:absolute;
top:-8px;
right:-8px;
cursor:pointer;
}
.formTopLabel {
line-height: 125%;
font-size: 9pt;
margin-left: -4px;
}
.formInputLine {
margin: 10px auto 10px; width: 650px; height: 46px;
}
.formInputLineTall {
margin: 10px auto 10px;width: 650px; height: auto;
}