/* http://meyerweb.com/eric/tools/css/reset/   v2.0 | 20110126   License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}

/* For IE6 + IE7. */
li {display: list-item;}

/* Makes browsers agree. IE + Opera = font-weight: bold. Gecko + WebKit = font-weight: bolder. */
b, strong {font-weight: bold;}
em, i{font-style:italic;}

/* For IE. http://css-tricks.com/ie-fix-bicubic-scaling-for-images */
img {color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
th, td, caption {font-weight: normal; vertical-align: top; text-align: left;}

/* For IE9.*/
svg {overflow: hidden;}

/*------------------------------------------------------------------------------
OVERALL LAYOUT
------------------------------------------------------------------------------*/
html {height:100%; margin-bottom:0.1pt;}
body {height:100%; font-size: 100%; line-height:1.125; background:#ffffff; color:#666666; font-family: "geinspirapitch", "Arial", "Helvetica", "Verdana", sans-serif;
font-weight: 300; text-align:center; overflow-x: hidden;}
.center{width:960px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left;}

h2{font-size:1.375em; color:#1f5fac;}
a{text-decoration:none;}
button{cursor:pointer;}
.clear{clear:both;}
.holder{overflow:hidden;}
.left{float:left;}
.right{float:right;}
/*******************************************HEADER*******************************************/
header{background:#1f5fac; color:#ffffff; border-bottom:2px solid #8fafd6;}
header .center{padding:14px 10px;}
header h1{font-size:1.375em; float:left; line-height:1.64em;}

#logged-user{float:right; position:relative;}
.name-link{background:url(/images/sprites.png) no-repeat 15px 10px #8fafd6; border-radius:5px; padding:10px 15px 10px 40px; color:#ffffff; position:relative; display:block;}
.name-link::after{content:''; border-left:10px solid #ffffff; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:0; display:inline-block;
margin-left:8px;}
#logged-user ul{position:absolute; right:0; top:100%; padding-top:2px; display:none;}
#logged-user:hover ul{display:block;}
#logged-user li{margin-bottom:2px;}
#logged-user ul a{display:block; color:#ffffff; padding:0 1em; line-height:2; background:#8fafd6;}
#logged-user ul a:hover{background:#1f5fac;}

/*******************************************NAV*******************************************/
#main-nav{border-bottom:2px solid #8fafd6;}
#main-nav .center{padding:10px 10px 0; overflow:hidden;}
#main-nav li{display:inline-block; margin-right:15px;}
#main-nav a{font-size:1.125em; color:#1f5fac; background:#ffffff; border-radius:7px 7px 0 0;  line-height:50px; padding:0 30px; display:block;}
#main-nav a:hover, #main-nav a.current{color:#ffffff; background:#1f5fac;}

/*******************************************SUBNAV*******************************************/
.sub-nav{border-bottom:2px solid #f2f2f2; padding:20px 0;}
.sub-nav .center{padding:0 10px;}
.sub-nav .blue-button{width:220px; margin-right:15px; padding-left:60px; background-image:url(/images/sprites.png);}
.blue-button.manage{background-position:20px -1488px;}
.blue-button.add{background-position:20px -1588px;}
.blue-button.archive{background-position:20px -686px;}
.blue-button.article-manage{background-position:20px -488px;}
.blue-button.article-add{background-position:20px -588px;}
.blue-button.user-manage{background-position:20px -1688px;}
.blue-button.user-add{background-position:20px -1788px;}
/*******************************************BUTTONS*******************************************/
.blue-button{font-size:1.125em; color:#ffffff !important; background-color:#1f5fac; background-repeat:no-repeat; border-radius:5px; display:inline-block; height:50px;
line-height:50px; font-family: "geinspirapitch", "Arial", "Helvetica", "Verdana", sans-serif; border:0; vertical-align:middle;
-moz-box-sizing:border-box; box-sizing:border-box;}

.blue-button.save{background-image:url(/images/sprites.png); background-position:28px -1285px; padding-left:67px; width:146px; text-align:left;}
#preview-button{width:173px; text-align:center;}
.blue-button.delete, .blue-button.confirm-delete{background-image:url(/images/sprites.png); background-position:28px -1388px; padding-left:68px; width:163px; text-align:left;}

.blue-button.medium, .blue-button.small, .blue-button.cancel{text-align:center; margin:20px 20px 0 0; cursor:pointer;}
.blue-button.medium{width:145px;}
.blue-button.small{width:92px;}
.blue-button.large{width:163px;}

.cancel{background:none; color:#1f5fac; height:50px; line-height:50px; display:inline-block; border:0; width:163px; font-size:1.125em; vertical-align:middle;
font-family: "geinspirapitch", "Arial", "Helvetica", "Verdana", sans-serif;}
.cancel:hover{color:#8FAFD6;}
#cancel-button{margin-left:20px; }
/*******************************************DIALOG*******************************************/
.ui-dialog{min-width:480px; z-index:101; border-radius:8px; background:#ffffff;}
.ui-dialog-titlebar{display:none;}
.ui-dialog .ui-dialog-buttonpane{border-top:#f2f2f2 solid 2px; text-align:center; padding:20px 0; position:relative;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none;}

.ui-widget-overlay{background:#000000; opacity:.6; filter:alpha(opacity=60); height:100%; left:0; position:fixed; top:0; width:100%; z-index:100;}
.ui-dialog-content{font-size:1.375em; font-family: "geinspirapitch", "Arial", "Helvetica", "Verdana", sans-serif; color:#1f5fac; text-align:center; padding:1em 0 .5em;}
#confirm-dialog p{width:300px; margin:1em auto;}
#alert-dialog a{color:#8fafd6;}
/*******************************************FORM*******************************************/
#main input[type="text"], #main input[type="password"]{line-height:2em; height:32px; border:1px solid #cccccc; border-radius:5px; text-indent:1em; display:block;}
input[type="text"]:focus, input[type="password"]:focus, .bootstrap-select.open button, .bootstrap-select.open .filter-option:after
{box-shadow:0; outline:none; border-color:#1f5fac;}
input[type="checkbox"]{border:1px solid #b8b8b8; width:11px; height:11px; background:#ffffff;}

select{height:2em; font-size:1em;}
.bootstrap-select{display:inline-block; position: relative;}
.bootstrap-select button{position: relative; border:1px solid #dfdfdf; border-radius:5px; background:none; text-align:left; padding:0; width:100%; font-size:1em;
height:2em; vertical-align:middle; line-height:2em; overflow:hidden;}
.bootstrap-select button span{display:block; }
.bootstrap-select .filter-option{overflow:hidden; padding-left:.5em; text-overflow:ellipsis; white-space:nowrap; margin-right:32px;}
.bootstrap-select .filter-option:after{border-left:1px solid #dfdfdf; position:absolute; height:2em; top:0; right:0; width:32px; content:'';}
.bootstrap-select .caret{position:absolute; border-top:5px solid #8fafd6; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:0;
top:50%; margin-top:-2px; right:10px; width:0; height:0; display:block;}
div.dropdown-menu{display:none; position:absolute; left:0; z-index:100; min-width:100%;}
ul.dropdown-menu{background:#ffffff; border:1px solid #dfdfdf; border-width:0 1px; padding-top:5px; margin-top:-5px;}
.dropdown-menu li{}
#main .dropdown-menu li a{display:block; padding:.5em; border-bottom:1px solid #dfdfdf; position:relative; color:#666666;}
.open > .dropdown-menu{display:block;}

#main .dropdown-menu li.selected a{color:#1f5fac;}
.multi .selected .glyphicon{background:url("/images/sprites.png") no-repeat 0 -1000px; display:block; height:13px; position:absolute; right:10px; top:10px; width:13px;}

input[type="checkbox"], input[type="radio"]{margin:0;}
.radio, .checker{display:inline-block; position:relative; vertical-align:middle;}
.radio, input[type="radio"]{width:21px; height:22px;}
.checker, input[type="checkbox"]{width:13px; height:13px;}
.radio span, .checker span{display:inline-block; width:100%; height:100%;}
.radio span{background:url(/images/sprites.png) no-repeat 0 -1100px;}
.radio span.checked{background-position:0 -1200px;}
.checker span{background:url(/images/sprites.png) no-repeat 0 -900px;}
.checker span.checked{background-position:0 -1000px;}
.radio input, .checker input{opacity:0; filter:alpha(opacity=0);}
.file-browser{position:relative; display:inline-block;}
input[type="file"] {height:50px; left:0; position:absolute; top:20px; width:145px; opacity:0; filter:alpha(opacity=0);}

input.error{border-color:#ff0000;}
.error, label.error, .edit-form label.error{color:#ff0000 !important; margin:0;}
.edit-form label.error{margin-top:5px;}
.edit-form .radio-list label.error{display:block; padding:0; font-size:1.125em;}
/*******************************************LOGIN*******************************************/
#login-form{color:#1f5fac; padding:45px 0 0 250px; position:relative;}
#login-form h1{font-size:2.8125em;}
#login-form h1, #login-form h2, #login-form legend{font-family: "geinspirapitch", "Arial", "Helvetica", "Verdana", sans-serif;}
#login-form h2, #login-form legend{font-size:1.875em;}
#login-form h2{margin:10px 0 45px;}
#login-form a{margin-top:15px; display:block; font-size:1.5em;}
#login-form label, #login-form input{display:block; font-size:1.125em;}
#login-form label{margin-bottom:5px;}
#login-form fieldset fieldset{padding-bottom:50px; position:relative;}
#login-form input[type="text"], #login-form input[type="password"]{width:380px;}
#login-form input[type="submit"]{width:150px; text-align:center; border:0;}
#login-form label.error{position:absolute; margin:0; bottom:20px; left:0;}

#login-logo{position:absolute; height:100px; width:300px; width:100vw; top:40px; right:730px;
background:url(/images/ge_logo.png) no-repeat right top;
background:url(/images/ge_logo.png) no-repeat right top,
linear-gradient(to right, #ffffff, #ffffff) no-repeat right top,
radial-gradient(rgba(145,207,247,.5) 50px, rgba(145,207,247,0) 51px) repeat-x calc(100% - 50px) 0,
radial-gradient(rgba(145,207,247,.5) 50px, rgba(145,207,247,0) 51px) repeat-x right; background-size:auto, 50px 100px, 100px 100px, 100px 100px;}

/*******************************************MAIN*******************************************/
#main{}
.manage-head{padding:24px 0 30px 10px; }
.manage-head h2{font-size:2em;}
.manage-head .holder{line-height:2em;}
#search-form label, #search-form input{display:inline-block;}
#search-form label{padding-right:10px;}
#search-form input{width:280px;}

#main a{color:#1f5fac;}
#main a:hover{color:#8FAFD6;}

.success, .fail{padding:15px; font-weight:bold; margin:5px 0; color:#ffffff; border-radius:7px;}
.success{background-color:#44aa44;}
.fail{background-color:#ff0000;}
/*******************************************DATA TABLE*******************************************/
.data-table{width:100%; border:1px solid #e2e2e2;}
.data-table col{border:1px solid #e2e2e2;}
.data-table td, .data-table th{padding:10px 20px;}
.select-table tr td:first-of-type, .select-table tr th:first-of-type{padding:10px 0; text-align:center;}
.select-col{width:25px;}
.data-table thead a{display:block; padding-left:12px; background-image:url(/images/sprites.png); background-repeat:no-repeat; background-position:0 -798px;}
.data-table thead a.desc{background-position:0 -198px;}
.data-table thead a.asc{background-position:0 -98px;}
.data-table tbody tr:nth-of-type(odd){background:#f0f0f0;}

.pagination{margin-top:27px;}
.pagination .bootstrap-select{width:165px;}
#bulk-button{background:none; color:#1f5fac; border:0; cursor:pointer; padding-left:10px; line-height:2em; height:2em; font-size:1em; vertical-align:middle;
font-family: "geinspirapitch", "Arial", "Helvetica", "Verdana", sans-serif;}
#bulk-button:hover{color:#8FAFD6;}
.pagination .controls{line-height:2; width:520px}
#bulk-section label.error{display:block; margin-top:10px; line-height:2;}

.pagination .paging{}
.controls{margin-bottom:10px;}
.page-controls > *{display:inline-block;}
#prev-page, #next-page{background-image:url(/images/sprites.png); background-repeat:no-repeat;}
#prev-page{background-position:0 -289px; padding-left:20px; margin-left:35px;}
#next-page{background-position:right -389px; padding-right:20px; margin-right:35px;}
.pagination .info{font-style:italic; text-align:center; width:155px;}
#main .controls input, #main .controls label{display:inline-block;}
#main .controls input{width:50px;}
#main .controls label{padding-right:15px;}
.featured{color:#ff3333;}
.date-col{width:135px;}

/*******************************************EDIT FORM*******************************************/
.edit-form > fieldset{padding-bottom:30px; border-bottom:2px solid #f2f2f2;}
.edit-form > fieldset:last-of-type{margin-bottom:20px;}
.edit-form label, .edit-form legend, .edit-form h3{color:#1f5fac; font-size:1.125em; margin:30px 0 5px; display:block;}
.edit-form legend{margin:0; padding:30px 0 5px;}
.edit-form > fieldset h2{margin-top:30px;}
.edit-form label span{color:#666666; font-size:.875em;}

input.short{width:340px;}
input.half-size{width:380px;}
input.medium{width:450px;}
input.long{width:540px;}
input.longer{width:940px;}
#title-section .bootstrap-select{width:270px;}
.multi-note{display:inline-block; margin-left:25px; font-style:italic; vertical-align:middle;}
.field-col{display:inline-block; margin-right:85px; vertical-align:top;}

.edit-form .radio-list legend{margin-bottom:15px;}
.edit-form .radio-list label{display:inline-block; margin-top:0; font-size:1em; color:#333333; margin:0 70px 0 0; padding-left:12px; vertical-align:middle; line-height:22px;}

.buttons{margin:20px auto;}
.buttons .blue-button{margin-right:20px;}

.editor img, .viewer img{display:block; border:1px solid #cccccc;}
#thumbnail-editor{display:none;}
.thumb-note{font-style:italic; width:185px; margin-top:1em;}
.beside-button{font-style:italic; display:inline-block; margin-top:27px; vertical-align:middle;}

.viewer, .video-viewer{position:relative; margin-top:30px;}
.viewer h3, .viewer .edit{position:absolute;}
.viewer h3{left:0; top:0; margin-top:0;}
.viewer .edit,.video-viewer .edit {left:0; bottom:0;}
.viewer img{margin-left:182px;}

.video-viewer h3, .video-viewer .edit{position:relative;}
.video-viewer div {display: inline-block;}

#main #article-link{display:inline-block;}
.edit-form  label.blue-button{display:inline-block; padding:0;}

/*******************************************UPLOADING*******************************************/
#upload-progress .indicator{font-size:1.125em; margin-top:10px;}
#uploading-name, #uploading-progress, #uploading-percent{display:inline-block; vertical-align:middle; }
#uploading-progress{width:340px; height:32px; border-radius:5px; margin-left:40px; background:#e7e8ea; overflow:hidden;}
.ui-progressbar-value{background:#1f5fac; height:100%;}
#uploading-name{line-height:32px;}
#uploading-percent{margin-left:15px;}

.no-thumb, .no-image, .has-image, .has-thumb{display:none;}
.edit-controls{display:inline-block; vertical-align:middle;}
.cancel.edit-controls{margin:20px 0 0 40px;}
/*******************************************IMAGE EDITOR*******************************************/
#image-editor-dialog{width:860px; position:relative;}
#image-editor-dialog h3{margin-bottom:15px;}
#image-editor-dialog + .ui-dialog-buttonpane .blue-button{margin:0 10px;}
#image-editor-dialog + .ui-dialog-buttonpane .cancel{position:absolute; top:20px; right:0; width:152px;}
#editor-info{position:absolute; left:0; top:0;}
/*******************************************ARTICLE WYSIWYG*******************************************/
.Article, .cke_panel_block{font-family: "geinspirapitch", "Arial", "Helvetica", "Verdana", sans-serif; color:#666; text-align:left; padding:12px;}

.Article h1, .cke_panel_block li h1{font-size:36px; line-height:40px; color:#1f5fac; font-weight:normal; margin-bottom:20px;}
.Article a{color:#1f5fac;}
.Article h2, .cke_panel_block h2{ font-size:22px; color:#333333; line-height:26px; font-weight:normal; margin-bottom:30px;}
.Article p{font-size:16px; line-height:20px; color:#666; margin-bottom:30px;}
.Article ul{list-style:disc inside; margin-bottom:30px; display:block; margin-left:20px;}
.Article ol{list-style:decimal inside; margin-bottom:30px; display:block; margin-left:20px;}

.Article li{display:list-item; list-style:disc outside; color:#666; margin-bottom:10px; font-size:16px;	line-height:20px;}
.Article ol li{display:list-item; list-style:decimal outside; color:#666; margin-bottom:10px; font-size:16px; line-height:20px;}
.Article img{display:block; margin-bottom:30px; max-width:100%;}
.Article h3, .cke_panel_block h3{color:#333; font-weight:normal; margin-bottom:30px;}
.Article sub{vertical-align:sub;}
.Article sup{vertical-align:super;}

.Article blockquote{display:block; padding:20px; padding-left:60px; border-left:3px solid #1f5fac; color:#afb3b8; font-style:italic; font-size:18px; line-height:1.4;
background:url(/images/quote.png) no-repeat #eff6ff; background-size:27px 20px; background-position:20px 15px; margin-bottom:20px;}

/*******************************************PUSH NOTIFICATION*******************************************/
.Push {padding-left: 10px;}
.Push input {margin-bottom: 20px;}
.Push label {display: block; margin-top: -10px;}

/*******************************************ARTICLE PREVIEW*******************************************/
.Preview {position: absolute;height: 100%;width: 540px;top: 0px;left: 100%;background-color: white; padding-left: 30px;padding-right: 30px; text-align: left;z-index: 401; overflow-y: scroll;}
.Preview .navigation {height: 60px;border-bottom: 2px solid #e0e0e0;display: block;margin: 0 auto;width: 540px;overflow: hidden;background: url(/images/close.jpg);background-position: 97% 50%;background-repeat: no-repeat; background-size: 72px 22px; cursor:pointer;margin-bottom: 20px;}
.Preview .category, .Preview .date {color:#666;	font-size:16px;	margin-bottom:20px;	}
.Preview h1 {font-size:36px;line-height:40px;color:#1f5fac;	font-weight:normal;	margin-bottom:20px;}
.Preview img {display:block;margin-bottom:30px;max-width:100%;}
.Preview p {font-size:16px;	line-height:20px;color:#666;margin-bottom:30px;}
.Preview .videoPlayer {background-color: #838383; height: 350px;width: 540px; text-align: center; vertical-align: middle; line-height: 350px; margin-bottom: 20px;}
.Preview .videoPlayer h2 {color: white;}
.Preview blockquote{display:block;padding:20px;padding-left:60px;border-left:3px solid #1f5fac;color:#afb3b8;font-style:italic;font-size:18px;line-height:1.4;background:url(/images/quote.png) no-repeat #eff6ff;background-size:27px 20px;background-position:20px 15px;	margin-bottom:20px;}
.Preview blockquote p:first-child{	margin-bottom:0px;}
.Preview ul{list-style:disc inside;margin-bottom:30px;display:block;margin-left:20px;}
.Preview ol{list-style:decimal inside;margin-bottom:30px;display:block;margin-left:20px;}
.Preview ol li{list-style:decimal inside;}
.Preview li{display:list-item;	list-style:disc outside;color:#666;margin-bottom:10px;font-size:16px; line-height:20px;}
.Preview sub{vertical-align: sub;font-size: normal;}
.Preview sup{vertical-align: super;font-size: normal;}