html,body,div,ul,li,p,hr,form,fieldset,input, textarea,th, td
{margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top; /*text-align: left;*/}
caption, th {text-align: left;}
/** **************************** Glabal Styles ******************************** **/
html{
background: #68aec8 url(../images/body-bg.jpg) no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
body
{
font-family: Arial, Tahoma, Sans-Serif, Verdana;
font-size: 9pt;
line-height: 1.5em;
/* color: #575757; */
color: #fff;
}
/***** Headings *****/
h1, h2, h3, h4, h5, h6
{
margin: 0;
padding: 0;
font-family:Calibri;
}
h1
{
font-weight: normal;
margin: 12px 0px 15px -4px ;
font-size: 2.0em;
}
h1 span
{
color: #c7c4c4;
}
h2
{
font-weight: normal;
margin: 0px 0px 15px 0px;
font-size: 3em;
}
h3
{
line-height:39px;
font-size:18pt;
color:gray;
margin:21px 0 19px 0px;
padding:0 0 0 18px;
}
h4
{
font-size: 14pt;
margin:21px 0 0px 8px;
}
/***** Common Formatting *****/
p
{
line-height: 1.8em;
}
ul,ol
{
list-style:none;
}
a img, :link img, :visited img
{
border: 0px;
}
/***** Links *****/
a, a:link, a:visited
{
/* color: #1685d9;*/
color: #fff;
text-decoration: none;
outline: none;
}
a:hover, a:active
{
text-decoration: underline;
}
/***** Floating classes *****/
.clear
{
margin-top: 10px;
clear: both;
}
.float-left
{
float:left;
}
.float-right
{
float:right;
}
/* Header start here ( top links area )
------------------------------------------------------------------------------------------- */
.Main-Slave
{
width: 970px;
height: auto;
margin: auto;
}
.header
{
width: 968px;
height: 77px;
margin: auto;
background: url(../images/header.png);
}
.logo
{
width:219px;
border: none;
height: 66px;
position: relative;
top: 10px;left: 35px;
}
/* header right side*/
.smart
{
width:263px;
height: 152px;
float: right;
margin: -80px 5px 0px 0px;
}
/* search bar */
.search
{
width: 252px;
height: 30px;
position: relative;
top: 19px;
float: left;
}
.search .input
{
color: #fff;
font-size:8pt;
width: 90px;
height: 19px;
position: relative;
float: left;
top: 52px;
border: none;
margin-right: 5px;
padding: 0px 4px;
background: url(../images/input.png);
}
.search .button
{
position: relative;
top: 52px;
float: right;
left: -4px;
}
.search .input2
{
width: 115px;
height: 24px;
border: none;
position: relative;
top: 62px;
left: 78px;
color: #fff;
font-size:8pt;
margin-right: 5px;
padding: 0px 4px;
background: url(../images/search-bar.png);
}
.search .button2
{
/* position: relative;
top: 65px;
float: right;
left: 35px;*/
position: absolute;
top: 100px;
float: right;
right: 5px;
}
/* /header right side*/
/* Right Media side*/
.media
{
width:185px;
height: 73px;
float: right;
}
.media a img
{
position: relative;
top: 6px;left: 4px;
margin-right: 4px;
border: none;
}
/* /Right Media side*/
/* Footer start here ( bottom links area )
---------------------------------------------------- */
.footer
{
width: 966px;
height: 78px;
margin: auto;
background: url(../images/footer.png);
}
/*original footer li code here*/
.Death-nav
{
width: 100%;
height: 50px;
position: relative;
top: 28px; margin: auto;
}
.Death-nav ul
{
margin: auto;
padding: 0px 0px 0px 7px ;
position: relative;
left: 19px;
}
.Death-nav ul li
{
margin: 0px -1px 0px -1px ;
display: inline;
color: #fff;
}
.Death-nav ul li a
{
color: #fff;
text-decoration: none;
font-size:9pt;
padding: 0px 3px;
}
.Death-nav ul li a:hover
{
color: #fff;
text-decoration: underline;
}
.foot-arrow
{
border:0;
margin-right:0px;
padding-top:3px;
position: relative;
top: 3px;
}
.footer p
{
margin-left: 10px;
color: #e8e8e8;
position: relative;
top: 4px;
}
.footer p span
{
position: relative;
top: 6px;
margin-right: 9px;
float: right;
}
.footer p a img
{
width: 21px;height: 21px;
border: none;
position: relative;
top: 6px;
margin-right: 0px;
}
.footer p a
{
color: #e8e8e8;
margin-right: 10px;
}
.rights
{
width: 970px;
height: 41px;
margin: 12px;
}
.copy-left
{
float: left; margin-top: 10px;
width: 292px;
position: relative;
left: -12px;
}
.copy-right
{
float: right; margin-top: 10px;
margin-right: 15px;
}
/* Index Page ------------------------------------------------------------------------------------ */
.client-mid
{
width: 950px;
height: auto;
overflow: hidden;
margin: auto;
}
/* index left */
.client-mid .aside
{
width: 277px;
height: 397px;
float: left;
margin-top: 17px;
color: #fff;
text-align: center;
}
.client-mid .aside a
{
color: #fff;
}
.client-mid .aside .select
{
color: #000;
}
.client-mid .aside h2, h4
{
padding: 5px 0px 0px 0px;
}
/* index Right */
.client-mid .space, .space2
{
width: 655px;
/* height: 501px; */
height: auto;
min-height: 500px;
float: right;
margin-top: 15px;
margin-right: -0px;
background: url(../images/section.png);
color: #fff;
}
/* index Right */
.client-mid .space2
{
background: none;
}
/* Contact Page side
------------------------------------------------------------ */
.section
{
width: 330px;
height: auto;
float: right;
margin-top: 10px;
}
.section p, h3
{
color: #fff;
}
.section h3
{
margin: 40px 0px -10px 9px;
}
.section .subs
{
margin: 0px 0px 0px 93px;
}
.section span
{
position: relative;
top:-2px;
margin-right: 5px;
}
/* Contact form area
***** Note ********
(this is not using for contact page, rather this is using for index page right form )
------------------------------------------------------------ */
.cen
{
margin:20px 0px 0px 30px ;
width:285px;
}
.cen p
{
margin: 0px 0px 0px 0px ;
text-align: left;
}
.cen table tr
{
height: 25px;
}
/**** Text Field Formating ***** */
input.move, textarea
{
border: solid 1px #00689c;
color: #5a5a5a;
display: block;
width: 163px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
}
input.text:focus, textarea:focus
{
outline: none;
-moz-box-shadow: 0 0 5px #c6762f;
-webkit-box-shadow: 0 0 5px #c6762f;
}
textarea
{
overflow: auto;
height: 112px;
margin-bottom: 12px;
}
select
{
margin-left: 0px;
width: 163px;
border: solid 1px #00689c;
}
/* /Contact form area */
/* About Us
------------------------------------------------------------ */
.about
{
width: 655px;
height: auto;
float: right;
overflow: hidden;
}
.sec-top
{
width: 655px;
height: 16px;
background: url(../images/form-top.png);
}
.sec-mid
{
width: 655px;
height: auto;
min-height: 500px;
background: url(../images/form-mid.png);
background-repeat: repeat-y;
padding-left: 21px;
}
.sec-bot
{
width: 655px;
height: 18px;
background: url(../images/form-bottom.png);
}
.about h3
{
margin-left: -17px;
}
.about p
{
margin-right: 35px;
margin-top: -15px;
}
.headings
{
margin: 40px 0px 15px 0px;
}
/* Contact Page
------------------------------------------------------------ */
.contact
{
margin:20px 0px 30px 0px ;
width:472px;
}
.contact-tr
{
height:35px;
}
.contact tr:hover
{
background:none;
}
div.flash-error, div.flash-notice, div.flash-success
{
padding:.8em;
margin-bottom:1em;
border:2px solid #ddd;
}
div.flash-error
{
background:#FBE3E4;
color:#8a1f11;
border-color:#FBC2C4;
}
div.flash-notice
{
background:#FFF6BF;
color:#514721;
border-color:#FFD324;
}
div.flash-success
{
background:#E6EFC2;
color:#264409;
border-color:#C6D880;
}
div.flash-error a
{
color:#8a1f11;
}
div.flash-notice a
{
color:#514721;
}
div.flash-success a
{
color:#264409;
}
div.form
{
}
div.form input,
div.form textarea,
div.form select
{
margin: 0.2em 0 0.5em 0;
}
div.form fieldset
{
border: 1px solid #DDD;
padding: 10px;
margin: 0 0 10px 0;
-moz-border-radius:7px;
}
div.form label
{
font-weight: bold;
font-size: 0.9em;
display: block;
color: #fff;
}
div.form .row
{
/* margin: 5px 0 0 0;*/
}
div.form .hint
{
margin: 0;
padding: 0;
color: #fff;
}
div.form .note
{
font-style: italic;
color: #fff;
}
div.form span.required
{
color: red;
}
div.form div.error label:first-child,
div.form label.error,
div.form span.error
{
color: #C00;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
background: #FEE;
border-color: #C00;
}
div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
background: #E6EFC2;
border-color: #C6D880;
}
div.form .errorSummary
{
border: 2px solid #C00;
padding: 7px 7px 12px 7px;
margin: 0 0 20px 0;
background: #FEE;
font-size: 0.9em;
color: red;
width: 91%;
}
div.form .errorMessage
{
color: red;
font-size: 0.9em;
}
div.form .errorSummary p
{
margin: 0;
padding: 5px;
}
div.form .errorSummary ul
{
margin: 0;
padding: 0 0 0 20px;
}
div.wide.form label
{
float: left;
margin-right: 10px;
position: relative;
text-align: right;
width: 100px;
}
div.wide.form .row
{
clear: left;
}
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
clear: left;
padding-left: 110px;
}
.check{
float: left;
overflow: auto;
padding: 8px;
}
.list-view{
width: 95%;
}
/*Pagination*/
.pagination {
font-size: 11px;
line-height: 20px;
padding-right: 10px;
}
.pagination span, .pagination a {
background: none repeat scroll 0 0 #575757;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
margin-left: 5px;
padding: 3px 10px;
}
.pagination a:hover {
color: #fff;
background: #296483;
}
.pagination .current {
padding: 6px 9px 5px 9px;
background: #296483;
color: #fff;
}