﻿@import 'reset.css';
@import 'defaults.css';
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/fonts/glyphicons-halflings-regular.eot);
    src: url(//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
        url(//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/fonts/glyphicons-halflings-regular.woff2) format('woff2'),
        url(//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/fonts/glyphicons-halflings-regular.woff) format('woff'),
        url(//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/fonts/glyphicons-halflings-regular.ttf) format('truetype'),
        url(//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
body {
	background: #fff url(../image/bg.jpg) top center no-repeat;
	font-weight: 300;
  overflow-x: hidden;
}

h1, h2, h3 {
	margin-bottom: 15px;
	font-weight: normal;
	font-family: Georgia;
	color: #8a1e1d;
}

#main h1 {
	font-size: 40.88pt;
}

a:link {
	color: #8a1e1d;
}
a:visited {
	color: #8a1e1d;
}
a:hover {
	color: #000000;
}

#editLinks {
    position: absolute !important;
    width: 100%;
}

#container {
	position: relative;
	width: 1170px;
	margin: 0 auto;
	padding: 0px;
	/*background: url(../image/container_bg.png) repeat-y;*/
}

#header {
	height: 90px;
}

.headerContent {
	max-width:1170px;
	margin:auto;
}

#header .padding {
	padding: 0px 20px;
}

#header #logo{
    position: relative;
	z-index: 600;
}

#callToAction {
	float:right;
	clear:right;
	/*font-family:'Open Sans', sans-serif;*/
	font-family: Georgia;
}

/*#phone {
	font-size: 24px;
}*/

#callToAction {
    color: #0d235a;
    font-size: 13.19pt;
	margin: 15px 0px 0px;
}

#callToAction a {
	color: #0d235a;
	text-decoration: none;
}

#mainImage {
	min-height: 50px;
	/*background-color: #fff;*/
}

#main {
	background: #fff;
	color: #333;
	font-size: 16.24pt;
	padding: 105px 0px 0px;
}

#main .padding {
	padding: 20px;
}

#footer {
	background: #8a1e1d;
	color: #340d0d;
    padding:40px 20px;
    box-sizing:border-box;
	margin: 20px 0px 0px;
	font-size: 13.41pt;
	text-align: center;
}

.footerContainer {
	width:1170px;
    margin:auto;
}

#footer a {
	color: #340d0d;
	text-decoration: none;
}

.heroCenter {
    Width: 1920px;
    Margin-left: -375px; /*  (1920 - container width) / 2   */
    /*position: relative;*/
}

#loginForm fieldset {
	font-size: 15px !important;
}

.addModuleButton {
	z-index: 800;
}

.homeBar {
	background: url(../image/home_bar.jpg) no-repeat;
    margin: 0 -375px;
    height: 622px;
    padding: 0px 375px;
    width: 1170px;
}

.homeBarPadding {
	padding: 100px 390px 0px 0px;
}

.blueBar {
    background: #213270;
    color: #fff;
    margin: 20px -375px;
    min-height: 50px;
    padding: 20px 0px;
}

/*
#ds_left, #ds_right {
	position: absolute;
	top: 0;
	width: 25px;
	height: 420px;
}
#ds_left {
	left: 0;
	background: url(../image/ds_left.png) top left no-repeat;
}
#ds_right {
	right: 0;
	background: url(../image/ds_right.png) top left no-repeat;
}

*/

.AccountStatus{font-size:10px; position:absolute; top:0px; right:0px;}

/*---	Theme Settings			---
-----------------------------------*/

.primary {
	color: #2681f3;
}
.secondary {
	color: #333;
}
.tertiary {
	color: #5F5F5F;
}

.btn.primary {
	background-color: #0C65CF;
}
.btn.secondary {
	background-color: #222;
}
.btn.tertiary {
	background-color: #5F5F5F;
}

.btn {
	display: inline-block;
	background-repeat: repeat-x;
	border: none;
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer;
}

.btn img {
	vertical-align: middle; /* Middle align images (such as arrows) on buttons. */
}

.btn_21 {
	padding: 3px 6px;
	background-image: url(../image/btn_highGloss_21_trans.png);
	font-size: 11px;
	line-height: 16px;
}
a.btn_21 {
	padding: 4px 6px 5px;
}

.btn_24 {
	padding: 3px 12px;
	background-image: url(/File/Content/image/btn_highGloss_24_trans.png);
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
}

.form_simple input[type='submit'] {
font-family: 'open sans', sans-serif;
font-size: 18px;
font-weight: 100;
padding: 3px 25px 5px;
border:none;
cursor:pointer;
}

.copyright {
    width: 100%;
    padding: 20px 0px 0px;
}

.social i {
    background-color: #333333; /*This sets the background color for the circle*/
    border-radius: 50%; /*Makes the circle*/
    width: 46px; /*sets the width of the circle*/
    height: 46px; /*sets the height of the circle*/
    font-size: 30px; /*sets the size of the icon itself*/
    padding: 8px 3px; /*sets the positioning of the icon within the circle*/
    box-sizing: border-box; /*keeps the dimensions of the circle*/
    text-align: center; /*centers the icon in the circle*/
    margin: 0px 2px; /*gives spacing between the icons*/
}

    .social i.fa {
        color: #eee; /* use this to change the color of the icon in the circle*/
    }

        .social i.fa:hover {
            color: #aaa; /* use this to change the color of the icon on the hover event */
        }

.ui-sortable iframe {
padding: 30px !important;
background: #aaa !important;
border: dotted 2px #0C0C0C !important;
box-sizing: border-box !important;
}
