html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
header, nav, footer, figure, figcaption, section, article, aside, hgroup, time{display:block;}
/*------------------------------------------------
Structure
------------------------------------------------*/
@font-face {
font-family: 'calibri';
src: url('fonts/yorkville.ttf');
}
body{ background:url(../images/main-bg.jpg) repeat;font-family:'calibri'; margin:20px auto;}
a{ color:#ee3124; text-decoration:none; }
a:hover{ color:#ee3124; text-decoration:underline;}
strong{ font-weight:bold}
.footer{ clear:both; color:#FFF; font-size:12px; font-family:"calibri"; text-align:center; padding:3px}
.wrapper{ width:1024px; margin:0 auto;}
/*------------------------------------------------
header
------------------------------------------------*/
header.header{ width:1024px; margin:0 auto}
h1.logo{ background:url(../images/login-inside.png) no-repeat; width:250px; height:91px; float:left; clear:both}
header.header ul{ position:relative; right:50px; top:0; float:right}
ul.logout-wrapper{ clear:both}
li.logout-btn input{background: url('../images/logout-button.png') no-repeat; width:44px; height:100px; border: none; cursor: pointer; position:fixed; right:0px; top:60px; text-indent:-9999px }
.mailbox {position: relative;
top: -43px;
left: 255px;}
/*------------------------------------------------
Menu
------------------------------------------------*/
.main-menu{width:1024px;height:58px; margin:0 auto;color:#FFF; clear:both;background: #494a4c; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494a4c', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#494a4c), to(#000000)); /* for webkit browsers */
background: -moz-linear-gradient(top, #494a4c, #000000); /* for firefox 3.6+ */
border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
-webkit-border-radius: 20px 20px 0 0;
border: 1px solid #666;
border-bottom:none;
float:left
}
.info-user{ text-align:center; position:relative; top:30px;right:10px; float:right; clear:both}
.info-user ul li{ display:inline}
.info-user strong{ font-weight:bold; color:#F00;}
.menu{ position:relative;top:0px; clear:both;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*Chrome CSS here*/
.menu{ position:relative;top:-2px; clear:both;}
}
.menu ul{ margin:0; padding:0; border:none;list-style-type:none;
float:left;}
.menu ul li{ display:inline; margin:0; padding:0; list-style-type:none;
float:left;}
.compose-btn{ background:url(../images/tabs/compose-off.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer;}
.compose-btn:hover{ background:url(../images/tabs/compose-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.compose-btn-on{ background:url(../images/tabs/compose-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.targeted-btn{ background:url(../images/tabs/targeted-off.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.targeted-btn:hover{ background:url(../images/tabs/targeted-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.targeted-btn-on{ background:url(../images/tabs/targeted-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.custom-btn{ background:url(../images/tabs/custom-off.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.custom-btn:hover{ background:url(../images/tabs/custom-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.custom-btn-on{ background:url(../images/tabs/custom-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.senderid-btn{ background:url(../images/tabs/sender-id-off.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.senderid-btn:hover{ background:url(../images/tabs/sender-id-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.senderid-btn-on{ background:url(../images/tabs/sender-id-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.history-btn{ background:url(../images/tabs/history-off.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.history-btn:hover{ background:url(../images/tabs/history-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.history-btn-on{ background:url(../images/tabs/history-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.info-btn{ background:url(../images/tabs/info-off.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.info-btn:hover{ background:url(../images/tabs/info-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.info-btn-on{ background:url(../images/tabs/info-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.contact-btn{ background:url(../images/tabs/contact-off.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.contact-btn:hover{ background:url(../images/tabs/contact-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.contact-btn-on{ background:url(../images/tabs/contact-on.png) no-repeat; width:90px; height:39px; border:none; cursor:pointer}
.main{color:#333;display: block;width:1024px;min-height:300px; margin:0 auto;background: #e7e7e7; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ffffff, #e7e7e7); /* for firefox 3.6+ */
border-radius: 0px 0 20px 20px;
-moz-border-radius: 0px 0 20px 20px;
-webkit-border-radius: 0px 0 20px 20px;
float:left; clear:both;
margin-bottom:20px;
}
/*------------------------------------------------
Login
------------------------------------------------*/
.login-page{ width:500px; margin:0 auto}
h1.login-header{ background:url(../images/logo-login.png) no-repeat; width:282px; height:165px; margin:30px auto;}
ul.login-form{ background:url(../images/bg-login.png) no-repeat; width:425px; height:382px;margin:0 auto; padding:20px 0 0 0;}
ul.login-form li{padding:1px 0 0 20px; text-align:left}
ul.login-form li strong{ font-size:18px; color:#ee3124;font-weight:bolder; letter-spacing:1px;}
ul.login-form li.username input{ background:url(../images/input.png) no-repeat;width:175px; height:34px;padding:0 5px 0 5px; border:none; margin:10px 0 0 5px; line-height:30px;-webkit-appearance: caret;-moz-appearance: caret;}
ul.login-form li.password input{ background:url(../images/input.png) no-repeat;width:175px; height:34px; padding:0 5px 0 5px; border:none; margin:2px 0 0 5px;line-height:30px;-webkit-appearance: caret;-moz-appearance: caret;}
ul.login-form li.error input{clear:both; padding:0; color:#ee3124; background:none; border:none; margin:0;width:300px; font-size:12px;-webkit-appearance: caret;-moz-appearance: caret; /* mobile firefox too! */}
li.btn-login { margin:0 0 0 230px; width:50px; position:absolute;}
li.accept-btn input{background:url(../images/login-btn.png) no-repeat; border:0;width:79px; height:45px;text-indent: -9999px; cursor:pointer ; display:block;-webkit-appearance: caret;-moz-appearance: caret; /* mobile firefox too! */}
li.accept-btn:hover input{background-position: 0 -50px;}
.main-login h1{ text-align:center; font-size:30px; clear:both; color:#e41937; margin:20px 0 0 0}
li.copyright{ font-size:12px;font-family:'Calibri'; color:#666; margin:18px 0 0 25px;margin:24px 0 0 25px \9; /* IE8 and below */ *margin:15px 0 0 25px /* IE7 and below */ }
ul.forgot-register{margin:20px 0 0 0; font-family:'Calibri'; font-size:12px; line-height:20px;}
.forgot-register a{ color:#454545; text-decoration:underline; background:url(../images/shape-reg.png) no-repeat 0 4px; padding:0 0 0 20px}
.forgot-register a:hover{ color:#ee3124; text-decoration:underline; background:url(../images/shape-reg-on.png) no-repeat 0 4px; padding:0 0 0 20px}
/*------------------------------------------------
Forgot Password
------------------------------------------------*/
.forgot-pop{ height:100px;}
.forgot-password span{ clear:both; color:#333}
.forgot-password ul {padding:10px 0 0 30px;}
.forgot-password ul li label{ display:inline; text-align:right; float:left}
.forgot-password ul li input{ width:250px; margin:0 0 3px 90px; padding:5px; position:relative;}
input.forgot-btn{background:url(../images/send-btn-pass.png) no-repeat;width: 60px; height: 20px;border: none; clear:both; cursor:pointer; position:relative; float:right; left:60px; top:-2px}
input.forgot-btn:hover{ background-position:0 -21px}
input.error-email{clear:both; padding:0; color:#F00; background:none; border:none; width:400px; }
.submit-btn-pop{background: #d93f46;cursor:pointer; color:#FFF;}
.submit-btn-pop:hover{background: #be151c;cursor:pointer; color:#FFF; }
.forgot-password {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #666;
-webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
-moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;;
padding: 14px 22px;
width: 400px;
background:#fafafa; /*{a-bar-background-color}*/
background-image:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#b8b8b8));
background-image:-webkit-linear-gradient(#fafafa, #b8b8b8);
background-image:-moz-linear-gradient(#fafafa, #b8b8b8);
background-image:-ms-linear-gradient(#fafafa, #b8b8b8);
background-image:-o-linear-gradient(#fafafa, #b8b8b8);
background-image:linear-gradient(#fafafa, #b8b8b8);}
.forgot-password{background: #fafafa; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#b8b8b8'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#b8b8b8)); /* for webkit browsers */
background: -moz-linear-gradient(top, #fafafa, #b8b8b8); /* for firefox 3.6+ */
}
.forgot-password input {
display: block;
width: 250px;
height: 20px;
border:none;
}
/*------------------------------------------------
Register
------------------------------------------------*/
.register{float:inherit; padding:20px;}
.register h3{font-size:1.2em; text-align:center; padding:0 0 0 80px}
.register h3 span{font-size:0.8em; font-weight:normal;font-family:'calibri';}
.register u{ text-decoration:none;color:#ee3124;}
.register form{width: 500px; margin:20px auto}
label { font-size: 1em;color: #666; margin:0 10px 0 0; }
form sup{ color:#F00; margin:0 0 0 2px; position:absolute}
form li{ padding:2px 0 2px 0}
.register ul span{font-size:0.7em;color:#ee3124;}
form { padding: 0; margin:0;text-align1:right;float1:left \9; /* IE8 and below */
/* -- CSS3 - define rounded corners for the form -- */-webkit-border-radius: 10px;-moz-border-radius: 10px;}
fieldset { border: none; }
.register input, textarea {padding: 5px;margin: 4px 0 10px 0;background: #fff;width: 220px;font-size: 0.9em;color: #555;border: 1px #ddd solid;
/* -- CSS3 Shadow - create a shadow around each input element -- */
-webkit-box-shadow: 0px 0px 4px #aaa;-moz-box-shadow: 0px 0px 4px #aaa; box-shadow: 0px 0px 4px #aaa;
/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */-webkit-transition: background 0.3s linear; }
textarea {width: 300px;height: 100px;}
input:hover, textarea:hover { background: #eee; }
input.submit {width: 150px;color: #eee;text-transform: uppercase;margin-top: 10px;background-color: #b50716;border: none;
/* -- CSS3 Transition - define which property to animate (i.e. the shadow) -- */
-webkit-transition: -webkit-box-shadow 0.3s linear;
/* -- CSS3 - Rounded Corners -- */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; /* -- CSS3 Shadow - create a shadow around each input element -- */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b50716), to(#e4071a)); background: -moz-linear-gradient(25% 75% 90deg,#b50716, #e4071a);
}
input.submit:hover { -webkit-box-shadow: 0px 0px 20px #555;-moz-box-shadow: 0px 0px 20px #aaa; box-shadow: 0px 0px 20px #555;cursor: pointer; }
.list-prefix{ width:220px; height:22px;margin: 4px 0 10px 5px}
ul.error {position:relative; margin:0 0 0 250px}
ul.error li{ border-style: none;
border-color: inherit;
border-width: medium;
position:absolute; right:-180px; top:-45px; margin:0;
bottom: 41px;
}
ul.error1 {position:relative; margin:0 0 0 500px}
ul.error1 li{ border-style: none;
border-color: inherit;
border-width: medium;
position:absolute; right:-180px; top:-45px; margin:0;
bottom: 41px;
}
ul.error1 input{ color:#ee3124; background:none; border:none; margin:0;width:250px; font-size:12px;-webkit-appearance: caret;-moz-appearance: caret; /* mobile firefox too! */-webkit-box-shadow: 0px 0px 0 ;-moz-box-shadow: 0px 0px 0 ; box-shadow: 0px 0px 0px}
/*------------------------------------------------
Info
------------------------------------------------*/
.info{float:left; padding:20px;}
.info h3{font-size:1.2em; text-align:center; padding:0 0 0 80px}
.info h3 span{font-size:0.8em; font-weight:normal;font-family:'calibri';}
.info u{ text-decoration:none;color:#ee3124;}
label { font-size: 1em;color: #666; margin:0 10px 0 0; }
form sup{ color:#F00; margin:0 0 0 2px; position:absolute}
form li{ padding:2px 0 2px 0}
.info ul span{font-size:0.7em;color:#ee3124;}
form { padding: 0; margin:0;text-align:right;float1:left \9; /* IE8 and below */
/* -- CSS3 - define rounded corners for the form -- */-webkit-border-radius: 10px;-moz-border-radius: 10px;}
fieldset { border: none; }
.info input, textarea {padding: 5px;margin: 4px 0 10px 0;width: 220px;font-size: 0.9em;-moz-appearance:none;
-webkit-appearance:none; background:transparent;}
textarea {width: 300px;height: 100px;}
input:hover, textarea:hover { background: #eee; }
input.submit {width: 150px;color: #eee;text-transform: uppercase;margin-top: 10px;background-color: #b50716;border: none;
/* -- CSS3 Transition - define which property to animate (i.e. the shadow) -- */
-webkit-transition: -webkit-box-shadow 0.3s linear;
/* -- CSS3 - Rounded Corners -- */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; /* -- CSS3 Shadow - create a shadow around each input element -- */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b50716), to(#e4071a)); background: -moz-linear-gradient(25% 75% 90deg,#b50716, #e4071a);
}
input.submit:hover { -webkit-box-shadow: 0px 0px 20px #555;-moz-box-shadow: 0px 0px 20px #aaa; box-shadow: 0px 0px 20px #555;cursor: pointer; }
.list-prefix{ margin: 4px 0 10px 5px
}
/*------------------------------------------------
Compose
------------------------------------------------*/
input.Clear-btn11{ background: #808080; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#2e2e2e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#2e2e2e)); /* for webkit browsers */
background: -moz-linear-gradient(top, #808080, #2e2e2e); /* for firefox 3.6+ */
color: #fff;
border: 2px solid #2e2e2e;
font-family: Cantarell, Verdana, sans-serif;
font-size: 12px;
width: auto;
height: 28px;
padding:0 10px 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor:pointer;clear:both; position:absolute; left:100px;}
input.Clear-btn11:hover
{background: #ed1c24; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#dc1b22'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#dc1b22)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ed1c24, #dc1b22); /* for firefox 3.6+ */
color: #fff;
border: 2px solid #b91118;
font-family: Cantarell, Verdana, sans-serif;
font-size: 12px;
width: auto;
height: 28px;
padding:0 10px 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor:pointer}
.compose{ padding:30px; line-height:30px;}
.compose dt{ float:left; width:200px;text-align:left; clear:both}
.compose dd{float:left;width:600px; text-align:left; position:relative; left:-100px;}
ul.message-info{ clear:both; float:right; position:relative; right:310px;top:-17px;color:#ee3124; font-size:0.9em;}
ul.message-info li{ display:inline; position:relative; top:-15px}
ul.upload-info { clear:both; width:700px; margin:0 0 0 210px}
.compose input.upload-btn{ background: #ed1c24; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#dc1b22'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#dc1b22)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ed1c24, #dc1b22); /* for firefox 3.6+ */
color: #fff;
border: 2px solid #b91118;
font-family: Cantarell, Verdana, sans-serif;
font-size: 12px;
width: auto;
height: 28px;
padding:0 10px 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor:pointer;clear:both; position:absolute; }
.compose input.upload-btn:hover{background: #808080; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#2e2e2e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#2e2e2e)); /* for webkit browsers */
background: -moz-linear-gradient(top, #808080, #2e2e2e); /* for firefox 3.6+ */
color: #fff;
border: 2px solid #2e2e2e;
font-family: Cantarell, Verdana, sans-serif;
font-size: 12px;
width: auto;
height: 28px;
padding:0 10px 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor:pointer}
/*This will work for firefox*/
@-moz-document url-prefix() {
.upload-btn{ clear:both; position:absolute; right:-30px;
}
}
.compose input.clear-message-btn{ background: #ed1c24; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#dc1b22'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#dc1b22)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ed1c24, #dc1b22); /* for firefox 3.6+ */
color: #fff;
border: 2px solid #b91118;
font-family: Cantarell, Verdana, sans-serif;
font-size: 12px;
width: auto;
height: 28px;
padding:0 10px 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor:pointer;clear:both; position1:absolute; }
.compose input.clear-message-btn:hover{background: #808080; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#2e2e2e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#2e2e2e)); /* for webkit browsers */
background: -moz-linear-gradient(top, #808080, #2e2e2e); /* for firefox 3.6+ */
color: #fff;
border: 2px solid #2e2e2e;
font-family: Cantarell, Verdana, sans-serif;
font-size: 12px;
width: auto;
height: 28px;
padding:0 10px 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor:pointer}
ul.upload-info li{ display:inline}
.clear-message{border:none;-webkit-appearance: caret;-moz-appearance: caret; /* mobile firefox too! */ position:relative;}
li.characters-mess input{padding:0 5px 0 5px ; color:#ee3124; border:none;background:none; width:30px; -webkit-appearance: caret;-moz-appearance: caret; /* mobile firefox too! */ position:relative; left:440px}
ul.date-to-send{ clear:both; float:left; text-align:left; margin:10px 0 0 30px;}
ul.schedule { float:left; clear:both; width:100px; position:relative; top:-25px; margin:0 0 0 100px;
left: 0px;
height: 67px;
}
ul.schedule li{ float:left;display: block;width:200px; text-align:left}
ul.schedule li input{ width:12px; height:12px; background-color:transparent; border:none}
ul.day-schedule { clear:both; top:-70px; position:relative; margin:0 0 0 220px}
ul.day-schedule li { float:left ; float:none ;}
ul.day-schedule li input{ display:inline; float:left}
li.calendar{ padding:45px 0 0 0}
ul.time li{ display:inline; float:left; position:relative; top:-30px; left:40px}
.time-list{ width:50px; height:22px; margin:0 5px 0 5px}
.sender-id{width:220px; height:22px;margin: 0 0 10px 25px}
.compose input, textarea {padding: 5px;margin: 4px 0 10px 5px;background: #fff;width: 520px;font-size: 0.9em;color: #555;
border: 1px #ddd solid;
/* -- CSS3 Shadow - create a shadow around each input element -- */
-webkit-box-shadow: 0px 0px 4px #aaa;-moz-box-shadow: 0px 0px 4px #aaa; box-shadow: 0px 0px 4px #aaa;
/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */-webkit-transition: background 0.3s linear;
-webkit-transition: -webkit-box-shadow 0.3s linear;
/* -- CSS3 - Rounded Corners -- */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* -- CSS3 Shadow - create a shadow around each input element -- */ }
input::-webkit-input-placeholder {
color: #cacaca;
}
input:-moz-placeholder {
color: #cacaca;
}
::-webkit-input-placeholder {
color: #cacaca;
}
:-moz-placeholder {
color: #cacaca;
}
li.send-btn input{background:url(../images/send-btn.png) no-repeat; border:0;width:45px; height:45px;text-indent: -9999px; cursor:pointer ; display:block; position:relative; top:-10px; left:380px;-webkit-appearance: caret;-moz-appearance: caret; /* mobile firefox too! */ box-shadow:none; border:none;}
li.send-btn:hover input{background-position: 0 -50px;}
li.send-btn input img { border:none; }
.font-size{ font-size:13px}
.padding-left{ position:relative; margin-right:30px;}
.topminus{ position:relative; top:-6px}
input.btn{ background: #ed1c24; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#dc1b22'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#dc1b22)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ed1c24, #dc1b22); /* for firefox 3.6+ */
color: #fff;
border: 2px solid #b91118;
font-family: Cantarell, Verdana, sans-serif;
font-size: 12px;
width: auto;
height: 28px;
padding:0 10px 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor:pointer;clear:both; position1:absolute; }
.btncon
{position: relative;
left: 365px;
top: -250px;}
.btn66 {left: 0px;
position: relative;}
.LblTxtMsg
{
position: relative;
top: -65px;
}
.SANDY
{
position: relative;top: -24PX;
}
input.btn:hover{background: #808080; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#2e2e2e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#2e2e2e)); /* for webkit browsers */
background: -moz-linear-gradient(top, #808080, #2e2e2e); /* for firefox 3.6+ */
color: #fff;
border: 2px solid #2e2e2e;
font-family: Cantarell, Verdana, sans-serif;
font-size: 12px;
width: auto;
height: 28px;
padding:0 10px 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor:pointer}
.btnnsub:hover
{
background: #ed1c24; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#dc1b22'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#dc1b22)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ed1c24, #dc1b22); /* for firefox 3.6+ */
color: #fff;
border: 2px solid #b91118;
}
.btnnsub
{
left: 134px;
position: relative;
float: left;
margin-left: 10px;
bottom: 0 !important;
margin-bottom: 0;
top: 34px;
background: #808080; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#2e2e2e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#2e2e2e)); /* for webkit browsers */
background: -moz-linear-gradient(top, #808080, #2e2e2e); /* for firefox 3.6+ */
color: #fff;
border: 2px solid #2e2e2e;
font-family: Cantarell, Verdana, sans-serif;
font-size: 12px;
width: auto;
height: 28px;
padding:0 10px 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor:pointer
}
.BtnTempS
{
position: relative;
top: -25px;
}
.CLBx
{
position: relative;
float: left;
margin-left: 5px;
}
.btnn12
{top:-15px;}
.btnn
{
position: relative;
top: -15px;
left: -367px;
}
input.btn2:hover{ background: #ed1c24; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#dc1b22'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#dc1b22)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ed1c24, #dc1b22); /* for firefox 3.6+ */
color: #fff;
border: 2px solid #b91118;
font-family: Cantarell, Verdana, sans-serif;
font-size: 12px;
width: auto;
height: 28px;
padding:0 10px 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor:pointer;clear:both; position1:absolute; }
input.btn2{background: #808080; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#2e2e2e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#2e2e2e)); /* for webkit browsers */
background: -moz-linear-gradient(top, #808080, #2e2e2e); /* for firefox 3.6+ */
color: #fff;
border: 2px solid #2e2e2e;
font-family: Cantarell, Verdana, sans-serif;
font-size: 12px;
width: auto;
height: 28px;
padding:0 10px 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor:pointer}
/*Error*/
/* Notifications */
.message-bg{
text-align:left;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
float:left
}
.message-bg h3 {
margin-top: 0;
}
.message-bg p {
margin-bottom:0; position:relative; top:-10px
}
.message-bg.error {
padding:4px;
border: 1px solid #eeb7ba;
background: #fae2e2;
background: -webkit-gradient(linear, left top, left bottom, from(#fae2e2), to(#f2cacb));
background: -moz-linear-gradient(top, #fae2e2, #f2cacb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae2e2', endColorstr='#f2cacb');
color: #be4741;
text-shadow: 0 1px 0 #fff;
width:750px;
height:45px;
}
.message-bg.success
{
padding:4px;
border: 1px solid #b8c97b;
background: #e5edc4;
background: -webkit-gradient(linear, left top, left bottom, from(#e5edc4), to(#d9e4ac));
background: -moz-linear-gradient(top, #e5edc4, #d9e4ac);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5edc4', endColorstr='#d9e4ac');
color: #3f7227;
text-shadow: 0 1px 0 #fff;
width:750px;
height:45px;
margin:0 120px 30px 0;
}
/*Contact page*/
.contact{ text-align:left; padding:30px;text-align:center}
.contact p{ line-height:18px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.contact ul{ line-height:18px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:10px}
.required
{
position: absolute;
margin-top: 11px;
margin-left: 20px;
}
.senderIDCus
{
position: relative;left: -10px;
}