body { background: #fafafa; font: 14px/20px arial, sans-serif; }

div.clear { font-size: 0; line-height: 0; clear: both; height: 0; }
div.container { background: #FFF; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; }

a { color: #5ec152; }
a:hover { color: #2b3990; text-decoration: none; }
a.logo { display: block; padding: 30px 0 30px 40px; }
a.call_to_action { position: absolute; z-index: 100;  margin: 75px 30px 0 0px; }
a.call_to_action_small { position: absolute; z-index: 100; margin: 25px 0 0 0; }
a.no_color { color: #2b3990; text-decoration: none; }
a.no_color:hover { color: #5ec152; }

div.login { margin-right: 10px; padding-top: 55px; height: 20px; }

.centered {text-align: center !important;}

h1,h2,h3,h4 { color: #2b3990; font-weight: lighter; margin: 0; padding: 0; }
h1 { font-size: 20px; line-height: 28px; }
h2 { font-size: 18px; line-height: 24px; }
h1.main-title { margin: 30px 30px 10px 30px; font-size: 28px; }
h3,h4 { font-size: 16px; line-height: 20px; }

.breadcrumb { margin: 0px; }

/*!
 * Features HTML addon
 */

div.main-content { line-height: 24px; margin-top: 25px; margin-bottom: 15px; }
.main-icons { background: url(../img/main_icon_sprite.png) no-repeat; display: inline-block; width: 141px; height: 141px; float: left; margin-right: 50px;  }
.main-icons-plug { background-position: -24px -19px; }
.main-icons-shield { background-position: -194px -21px; }
.main-icons-dialog { background-position: -364px -19px; }
.main-icons-briefcase { background-position: -534px -21px; }
.main-icons-lock { background-position: -24px -190px; }
.main-icons-gears { background-position: -194px -192px; }
.main-icons-quote { background-position: -364px -191px; }
.main-icons-support { background-position: -534px -192px; }
.main-icons-wand { background-position: -24px -360px; }
.main-icons-wrench { background-position: -194px -362px; }
.main-icons-bulb { background-position: -364px -360px; }
.main-icons-compass { background-position: -534px -358px; }
.main-icons-updates { background-position: -24px -559px; }
.main-icons-download { background-position: -194px -560px; }
.main-icons-graph { background-position: -364px -559px; }
.main-icons-dialog-info { background-position: -534px -560px; }
.main-icons-settings { background-position: -24px -757px; }
.main-icons-lock { background-position: -194px -758px; }
p.main-icons-content { padding-left: 190px; }

div.main-content dt { margin-top: 25px; line-height: 24px; }
div.main-content dd { margin-left: 0px; line-height: 24px; }
div.main-content li { margin-left: 0px; line-height: 24px; }

.large-icons { background: url(../img/large_icon_sprite.png) no-repeat; display: inline-block; width: 45px; height: 45px; float: left; margin-right: 20px; margin-bottom: 50px; }
.large-icons-mail { background-position: -150px -102px; }
.large-icons-dialog { background-position: -299px -22px; }
.large-icons-person { background-position: -448px -257px; }
.large-icons-compass { background-position: -150px -427px; }
.large-icons-shield { background-position: -150px -1482px; }
.large-icons-key { background-position: -150px -1562px; }
.large-icons-support { background-position: -299px -3053px; }
.large-icons-heart { background-position: -150px -3215px; }

.share-buttons { background: url(../img/share.png) no-repeat; display: block; width: 16px; height: 16px; float: left; margin-left: 5px; margin-top: 5px;}
.share-buttons-facebook { background-position: 0px 0px; }
.share-buttons-twitter { background-position: -16px 0px; }
.share-buttons-googleplus { background-position: -32px 0px; }
.share-buttons-hackernews { background-position: -48px 0px; }
.share-buttons-reddit { background-position: -64px 0px; }

.social-icons { background: url(../img/share.png) no-repeat; display: inline-block; width: 24px; height: 24px; }
.social-icons-facebook { background-position: -0px -16px; }
.social-icons-twitter { background-position: -0px -40px; }
.social-icons-linkedin { background-position: -48px -16px; }
.social-icons-gplus { background-position: -24px -16px; }

dl.list-icon dt { background: url(../img/list_icon.png) no-repeat 0 7px; padding-left: 25px; }
dl.list-icon dd { margin-left: 25px; }

h3.list-icon { margin-top: 15px; background: url(../img/list_icon.png) no-repeat 0 7px; padding-left: 25px; }
ul.list-icon li { list-style-image: url(../img/list_icon.png); margin-left: 15px; }
ul.quote-list li { list-style-type: none; margin-left: 0; margin-top: 25px; }
ul.quote-list blockquote { border: 0px; margin-left: 35px; }
.no-indent { margin-left: 0px; };

/*!
 * Articles should have slightly different styles
 */
.article h2, .article h3, .article h4 { color: #5ec152; }
.article h2 { margin-top: 20px; }
.article h2:first-child { margin-top: 0px; }
.article h3 { margin-top: 15px; }

div.navbar { background: url(../img/navigation_background.png) no-repeat; margin: 0;}
div.navbar div.navbar-inner { background: none; border: 0; min-height: 29px; filter: none; }
div.navbar div.navbar-inner ul { background: none; border: 0; margin: 0 10px; }
div.navbar div.navbar-inner ul li { background: none; height: 29px; margin-right: 50px;}
div.navbar div.navbar-inner ul li a { padding: 0; color: #5e5e5e; font-size: 14px; line-height: 29px; }
div.navbar div.navbar-inner ul li a:hover {color: #5ec152;}
div.navbar div.navbar-inner ul li.active a{ background: none; color: #5ec152; box-shadow: none;}
div.navbar div.navbar-inner ul li.active { background: none;  }
div.navbar div.navbar-inner ul li.active a:hover { background: none; box-shadow: none; color: #5ec152; }

/*!
 * Auto dropdown on hover
 */
ul.nav li.dropdown:hover ul.dropdown-menu { display: block; }
ul.nav li.dropdown:hover ul.dropdown-menu a { display: block; padding-left: 5px; }
div.navbar .dropdown-menu { margin-top: 0px; background: #FFF !important; }
div.navbar .dropdown-menu li a:hover, div.navbar .dropdown-menu li a:focus { display: block; color: #5ec152; background: #FFF !important; }

div.dashboard-title { padding: 0px 20px 0 25px; }
h2.dashboard-title { font-size: 20px; line-height: 28px; margin: 30px 0 10px 0;}
h3.dashboard-title { font-size: 20px; line-height: 28px; }

div.dashboard { padding: 0 25px; }
div.dashboard div.dashboard-item { width: 300px; float: left; margin: 0 50px 0 0;  }
div.dashboard div.dashboard-item-last { width: 190px; float: left; margin: 0 0 0 0;  }
div.dashboard-users { padding: 0 25px 25px 25px; }

div.dashboard-slider table { width: 100%; height: 110px; }
div.dashboard-slider td { vertical-align: middle; width: 25%; text-align: center;} 
div.dashboard-slider td img { vertical-align: middle; display: block; margin: 0 auto;} 

div.seperator, div.seperator-short { height: 5px; line-height: 5px; font-size: 0; margin: 30px 0;}
div.seperator-short { background: url(../img/seperator_short.png) no-repeat 10px 0; }
div.seperator { background: url(../img/seperator.png) no-repeat 10px 0; }
div.seperator-last { margin-bottom: 10px; }

.icons { background: url(../img/icon_sprite.png) no-repeat; display: inline-block; width: 32px; height: 32px; }
.icons-building { background-position: -0px -0px; }
.icons-mail { background-position: -74px -54px; }
.icons-phone { background-position: -4px -54px; }
.icons-compass { background-position: -72px -276px; }
.icons-download { background-position: -216px -1888px; }
.icons-ok { background-position: -144px -2392px; }
.icons-update { background-position: -0px -830px; }
.icons-gears { background-position: -72px -2008px; }
.icons-graph { background-position: -0px -1048px; }
.icons-dialog-info { background-position: -144px -1670px; }
.icons-shout{ background-position: -144px -0px; }

.other-icons { background: url(../img/other_sprite.png) no-repeat; display: inline-block; width: 32px; height: 32px; }
.other-icons-code { background-position: -54px -56px; }
.other-icons-user { background-position: -50px 0; width: 42px !important; height: 42px !important;}
.other-icons-ok-grey { background-position: -100px -50px; }
.other-icons-chat { background-position: -6px -53px; }
.other-icons-lock { background-position: -110px -112px; width: 20px !important; height: 20px !important; }
.other-icons-updates { background-position: -54px -196px; }

ul.footer-icons { list-style: none; padding: 0 0 10px 0px; display: block; margin: 0; height: 32px; }
ul.footer-icons li { float: left; margin-right: 2px; width: 32px; height: 32px;} 
div.footer { font-size: 12px; color: #2b3990; text-align: right; padding: 0 20px; display: block;}
div.footer div.footer-left { width: 30%; float: left; text-align: left; padding-top: 8px; }
div.footer div.footer-middle { text-align: center; padding-top: 8px; }
div.footer div.footer-right { width: 30%; float: right; vertical-align: middle; padding-top: 8px; }
div.footer a:hover { text-decoration: none; }

div.form div.inner { padding: 15px; }
div.form form { margin: 0; }
div.form label.control-label { text-align: left; color:#5ec152; } 

.well-admin { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; }
legend { color: #2b3990; font-weight: lighter; }

#password_info { position: absolute; padding: 15px; margin-top: 10px; margin-left: 200px; background: #fefefe; border-radius: 5px; box-shadow: 0 1px 3px #ccc; border: 1px solid #ddd; display: none; }
.invalid { color: #ec3f41; }
.valid { color: #3a7d34; }

img.uml { display:block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }