@charset "utf-8";
@import url("navi.css");
@import url("forms.css");
@import url("tables.css");
@import url("slider.css");
@import url("homepage.css");

html{overflow-y:scroll;}
body{margin:0; padding:0; font-size:15px; color:#FFFFFF; background-color:#103b48;}

.imagetab
{
    overflow: hidden;
    float: left;
    margin-bottom: 10px;
    line-height: 75px;
    margin-right: 15px;
    cursor: pointer;
    width: 77px;
    height: 77px;
    background: url(../../images/add-img.png) center center no-repeat #f4fbfe;
}

.imagetab:hover
{
    background-size: 40px 39px;
    /*  transition: background-size 0s linear 0.3s; */
}
.imageloadbutton
{
    border: 1px solid #0099d2;
    width: 75px;
    margin: 0 auto;
    height: 75px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.imageloadstatus
{
    text-align: center;
    line-height: 94px;
    height: 75px;
    width: 75px;
    border: 1px solid #0099d2;
    background: #fff;
}

.imagetab input[type=file]
{
    opacity: 0;
    max-width: 75px;
    cursor: pointer!important;
    line-height: 170px;
    background-color: #ddd;
    position: absolute;
    top: -95px;
    height: 170px;
}

.preview
{
    width: 75px;
    height: 75px;
    border: 1px solid #0099d2;
    text-align: center;
    line-height: 75px;
    background-color: #fff;
    position: relative;
}

.preview a
{
    cursor: pointer;
    padding: 1px 0px;
    width: 16px;
    text-align: center;
    color: #fff;
    display: none;
    position: absolute;
    top: 0;
    right: 0px;
    background: #c12031;
    line-height: 15px;
    border-bottom-left-radius: 3px;
    font-weight: bold;
}

.preview a:hover
{
    background: #bb0619;
    text-decoration: none;
}

.preview:hover a
{
    display: block;
}

.upload-images {
    float: left;
    overflow: hidden;
}

.imgList {
    max-height: 75px;
    max-width: 75px;
    vertical-align: middle;
}
span.ui-icon.ui-icon-circle-triangle-w{
    cursor: pointer;
}

span.ui-icon.ui-icon-circle-triangle-e{
    float: right;
    cursor: pointer;
}

div.ui-datepicker-title{
    text-align: center;
}

.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style:none;}
.hidden{display:none;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:inline-block;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none;}
#ui-datepicker-div {background: #FFFFFF; color: #2747f0;}
#ui-datepicker-div a {outline:none; text-decoration:none;}
.ui-datepicker-current-day{background: #2747f0;}
.ui-state-active{color: #FFFFFF;}

#logout{
    position: absolute;
    float: right;
    padding: 7px;
    color: #FFF;
    border: 1px solid;
    border-radius: 15%;
    background-color: #103b48;

}

.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}

img{margin:0; padding:0; border:none;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #DEDACB; text-align:center;}
.imgl{margin:0 15px 15px 0; clear:left;}
.imgr{margin:0 0 15px 15px; clear:right;}
.imgl img, .imgr img{float:inherit;}

/* ----------------------------------------------HTML 5 Overrides------------------------------------- */

address, article, aside, figcaption, figure, footer, header, nav, section{display:block; margin:0; padding:0;}

/* ----------------------------------------------Wrapper------------------------------------- */

p {
    font-family: sans-serif;
    font-size: 15px;
    line-height: 27px;
}
h1 {
    color: #fff;
    font-size: 21px;
}
div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left;}
.row0, .row0 a{color:#676767; background-color:#191919;}
.row0{border-top:10px solid #103b48;}
.row1, .row1 a{color:#C0BAB6; background-color:#fff;}
.row2{color:#d2d2d2; background-color:#103b48;}
.row2 a{color:#FF9900; text-decoration: underline;}
.row3, .row3 a{color:#FFFFFF; background-color:#1E1E1E;}

/* ----------------------------------------------Generalise------------------------------------- */

#topbar, #header, #container, #footer{display:block; width:1100px; margin:0 auto;}

h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:20px; font-weight:normal; font-style:normal; line-height:normal;}

address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'� '; font-size:26px;}
blockquote:after, q:after{content:' �'; font-size:26px; line-height:0;}

/* ----------------------------------------------Top Bar------------------------------------- */

#topbar{padding:15px 0; line-height:normal;}
#topbar time{float:left; margin:8px 0 0 0; padding:0;}

/* ----------------------------------------------Main Header------------------------------------- */
#hgroup img {
    width: 1095px;
    height: 140px;
}.loginform {
    background: #002431 none repeat scroll 0 0;
    float: left;
    height: 354px;
    width: 280px;
    padding: 15px;
}
.loginform h1 {
    color: #fff;
    font-size: 22px;
    text-align: center;
    border-bottom: 1px solid #103b48;
    padding-bottom: 12px;
}
.loginform label {
    display: block;
    font-size: 15px;
    color: #96afb7;
    padding: 10px 0px;
    font-size: 17px;
}
#container section {
    background: #204b58 none repeat scroll 0 0;
    display: block;
    margin: 0 0 30px;
    padding: 12px;
}
.loginform input[type="text"] , .loginform input[type="password"] {
    width: 93%;
    padding: 10px;
}
.loginform button {
    background: #ec4019;
    padding: 11px 20px;
    margin-top: 21px;
    color: #fff;
    border: navajowhite;
}

input[type="button"] {
    background: #ec4019;
    padding: 11px 20px;
    margin-top: 21px;
    color: #fff;
    border: navajowhite;
    cursor: pointer;
}

#header{}
#header #hgroup{float:left;}
#header #hgroup h1, header #hgroup h2{}
#header #hgroup h1{font-size:36px;}
#header #hgroup h2{font-size:13px;}

/* ----------------------------------------------Content Area------------------------------------- */

#container{padding-top:20px;}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin-bottom:20px;}
#container .more{text-align:right;}

/* Content */

#container #content{float:right; width:790px; margin-bottom:0;}
#container section{margin:0 0 30px 0;}
#container section.last{margin:0;}
#left_column {
    float: left;
    width: 270px;
}

td select,  td input{
    background: #103b48 none repeat scroll 0 0;
    border: medium none;
    display: block;
    margin: 0px 0 !important;
    padding: 12px 12px 12px 44px;
    width: 33%;
    color: #d2d2d2;
}

#form-contact select {
    background: #103b48 none repeat scroll 0 0;
    border: medium none;
    display: block;
    margin: 16px 0;
    padding: 12px 12px 12px 44px;
    width: 40%;
    color: #d2d2d2;
}

#form-contact input {
    background: #103b48 none repeat scroll 0 0;
    border: medium none;
    display: block;
    margin: 16px 0;
    padding: 12px 12px 12px 44px;
    width: 33%;
    color:#d2d2d2;	
}

#form-contact textarea {
    height: 107px;
    padding: 13px;
    width: 96%;
    background: #103b48;
    border: none;
    color:#d2d2d2;	
}
#form-contact i {
    background: #0b2c35 none repeat scroll 0 0;
    margin-top: -54px;
    padding: 12px;
    position: absolute;
    font-size: 13px;
    width: 12px;
}
#form-contact {
    color:#d2d2d2;	
}
#form-contact .btn.btn-primary {
    background: #ed1930 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    width: 177px;
    font-size: 16px;
    cursor: pointer;
}
.fa.fa-share-square-o {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #fff !important;
    font-size: 21px !important;
    margin-top: -58px !important;
}
/* Comments */

#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li.comment_odd, #comments li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#comments li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments li.comment_odd a{color:#FF9900; background-color:#F7F7F7;}
#comments li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments li.comment_even a{color:#FF9900; background-color:#E8E8E8;}
#comments article, #comments header{display:block; width:100%;}
#comments figure{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid #DEDACB; text-align:center;}
#comments figure img{float:inherit;}
#comments header address{font-weight:bold;}
#comments header time{font-size:smaller;}
#comments article section{margin:0; padding:0;}
#comments article section p{margin:10px 5px 10px 0; padding:0;}

/* Right Column */

#container #right_column{float:right; width:300px;}
aside h2{padding-bottom:8px; font-size:16px; text-transform:uppercase; border-bottom:5px solid #CCCCCC; text-align:right;}

/* ----------------------------------------------Footer------------------------------------- */

footer{}
footer p{margin:0; padding:20px 0;}