/* CSS Reset */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}img,object,embed{max-width:100%;vertical-align:bottom}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}strong{font-weight:bold}table{border-collapse:collapse;border-spacing:0}th{vertical-align:bottom}td{vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-top}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}a:hover,a:active{outline:0}small{font-size:85%}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}button,input,select,textarea{margin:0 0 1em 0;}button{width:auto;overflow:visible}.left{float:left}.right{float:right}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{clear:both;zoom:1}

/* FONTS */
@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/gothambook.eot');
    src: url('../fonts/gothambook.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothambook.woff') format('woff'),
         url('../fonts/gothambook.ttf') format('truetype'),
         url('../fonts/gothambook.svg#GothamBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/gothambold.eot');
    src: url('../fonts/gothambold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothambold.woff') format('woff'),
         url('../fonts/gothambold.ttf') format('truetype'),
         url('../fonts/gothambold.svg#GothamBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* GENERAL */
body {
	background-color: #f1f1f1;
	color: #666666;
	font: 12px/1.5 Arial, Helvetica, sans-serif;
}

blockquote {
	color: #666666;
	font: 18px/1.5 Georgia, Times New Roman, serif;
}
a.underline {
    text-decoration: underline;
}
blockquote img {
	float: left;
	margin: 8px 10px 10px 0;
}

blockquote p {
	margin-bottom: 0;
}

cite {
	font: bold 12px Arial, Helvetica, sans-serif;;
}

h1 {
	font: 25px "GothamBold", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

h1 span {
	font: 25px "GothamBook", Arial, Helvetica, sans-serif;
}

.front h1 {
	text-transform: uppercase;
}

h2 {
	font: bold 14px/1.5 Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

h3 {
	font: bold 14px/1.5 Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

p {
	margin-bottom: 20px;
}

ol {
	margin: 0 0 20px 20px;
}

ul {
	margin-bottom: 20px;
}
article {
    padding: 0px 20px;
}


.selectUI {
	display: inline-block;
	position: relative;
	width: 250px;
}

.selectUI span {
	background: url(../images/select-arrow.png) center right no-repeat;
	border: 1px solid #2c9d00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0px 1px 2px #999999;
	-webkit-box-shadow: inset 0px 1px 2px #999999;
	box-shadow: inset 0px 1px 2px #999999;
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font: 12px/24px "GothamBook", Arial, Helvetica, sans-serif;
	height: 22px;
	width: 224px;
	padding: 0 36px 0 10px;
}

.section2 .selectUI span {
	border-color: #0099cc;
}

.selectUI ul {
	display: none;
	left: 2px;
	margin-left: 10px;
	position: absolute;
	top: 24px;
	width: 260px;
	z-index: 1000;
}

.selectUI ul li {
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f1f1f1), color-stop(100%, #ffffff));
	background-image: -webkit-linear-gradient(bottom, #f1f1f1 0, #ffffff 100%);
	background-image: -moz-linear-gradient(bottom, #f1f1f1 0, #ffffff 100%);
	background-image: -ms-linear-gradient(bottom, #f1f1f1 0, #ffffff 100%);
	background-image: -o-linear-gradient(bottom, #f1f1f1 0, #ffffff 100%);
	border: 1px solid #dddddd;
	border-top: 0;
	cursor: pointer;
	padding: 0 10px;
}

.selectUI ul li:hover {
	background-color: #e8e8e8;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
	background-image: -webkit-linear-gradient(bottom, #dbdbdb 0, #e8e8e8 100%);
	background-image: -moz-linear-gradient(bottom, #dbdbdb 0, #e8e8e8 100%);
	background-image: -ms-linear-gradient(bottom, #dbdbdb 0, #e8e8e8 100%);
	background-image: -o-linear-gradient(bottom, #dbdbdb 0, #e8e8e8 100%);
}

.selectUI ul li:before {
	content: '';
	padding: 0;
}


.button.arrow {
	background-image: url(../images/button-arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 49px;
}

.button.arrow:hover {
	background-image: url(../images/button-arrow.png);
}

.button.x-large.arrow {
	background-image: url(../images/button-arrow.png);
	padding-right: 59px;
}

.section2 .button.arrow {
	background-image: url(../images/button-arrow.png);
}

.section2 .button.arrow:hover {
	background-image: url(../images/button-arrow.png);
}

label {
	float: left;
	margin-right: 20px;
	width: 200px;
}

label span {
	color: #2c9d00;
	font-weight: bold;
}

form p {
	margin-bottom: 10px;
}

form .bottom {
	padding-left: 155px;
}

form .notes {
	margin-bottom: 20px;
}

form .notes span {
	color: #2c9d00;
	font-weight: bold;
}

.captcha img {
	border: 1px solid #2c9d00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
}

.captcha input {
	margin: 5px 0 0 0;
}

.paginate {
	background: none;
	border: 0;
	color: #2c9d00;
	font-family: "GothamBook", Arial, Helvetica, sans-serif;
	text-align: center;
}

.section2 .paginate {
	background: none;
	border: 0;
}

.paginate .next,
.paginate .prev {
	background-image: url(../images/paginate-arrow.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 17px;
	text-indent: -9999em;
	vertical-align: middle;
	width: 16px;
}

.paginate .next {
	background-position: -16px 0;
	margin-left: 10px;
}

.paginate .prev {
	margin-right: 10px;
}

/* HEADER */
.outer {
	background: url(../images/header-bg.png) 0 0 repeat-x;
	height: 45px;
}
.menu-auth > span {
	line-height: 45px;
}

#header .inner {
	margin: 0 auto;
	width: 960px;
}

#header .menu-section {
	float: left;
	font: bold 14px/40px Arial, Helvetica, sans-serif;
}

#header .menu-section a {
	display: inline-block;
	float: left;
	height: 40px;
	padding: 0 20px;
	position: relative;
	text-decoration: none;
}

#header .menu-section .section1 {
	/*color: #2c9d00;*/
	margin-right: -2px;
}

#header .menu-section .section1:after {
	content: url(../images/border-short.png);
	position: absolute;
	right: 0;
	top: 7px;
}

#header .auth {
	float: right;
	line-height: 38px;
	position: relative;
}

#header .auth .button,
#header .auth input {
	margin-left: 10px;
}

#header .auth input[type="email"],
#header .auth input[type="password"] {
	min-width: 0;
	width: 178px;
}

#header .lost-password {
	background-color: #bbbbbb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	display: block;
	font: 12px/17px "GothamBold", Arial, Helvetica, sans-serif;
	height: 17px;
	left: 399px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 11px;
	width: 17px;
}

#header .lost-password:hover {
	background-color: #999999;
}

#header input[type="submit"] {
	background-color: #bbbbbb;
	border: 1px solid #a3a3a3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0px 1px 1px #c6c6c6;
	-webkit-box-shadow: inset 0px 1px 1px #c6c6c6;
	box-shadow: inset 0px 1px 1px #c6c6c6;
	font: 14px/24px "GothamBook", Arial, Helvetica, sans-serif;
	height: 24px;
	padding: 0 10px;
}

#header input[type="submit"]:hover {
	background-color: #999999;
	-moz-box-shadow: inset 0px 1px 1px #bbbbbb;
	-webkit-box-shadow: inset 0px 1px 1px #bbbbbb;
	box-shadow: inset 0px 1px 1px #bbbbbb;
}

.menu-auth {
	float: right;
	line-height: 40px;
}

.menu-auth {
    background: url(../images/border-short.png) center right no-repeat;
    padding-right: 2px;
    margin-right: 10px;
}


.branding {
	margin: 10PX AUTO 20px;
	width: 960px;
}

.logo img {
	margin-top: 0.5em;
}

#header .menu-main {
	display: inline-block;
}

#header .menu-main a {
	background: url(../images/border.png) left center no-repeat;
	color: #333333;
	display: inline-block;
	font: bold 14px/49px Arial, Helvetica, sans-serif;
	height: 49px;
	padding: 0 20px;
	text-decoration: none;
}

#header .menu-main a:hover {
	color: #666666;
}

/* CONTENT */
#content {
	background-color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 1px 2px 1px #cccccc;
	-webkit-box-shadow: 0 1px 2px 1px #cccccc;
	box-shadow: 0 1px 2px 1px #cccccc;
	margin: 0 auto;
	padding: 20px 10px 20px;
	position: relative;
	z-index: 10;
}

#content .hero-image {
	margin: -20px 1px 20px;
	position: relative;
}

#content .hero-image h1 {
	background-color: rgb(44, 157, 0);
	background-color: rgba(44, 157, 0, 0.7);
	bottom: 50px;
	color: #ffffff;
	font: 30px "GothamBold", Arial, Helvetica, sans-serif;
	padding: 10px 20px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
}

#content .hero-image h1:after {
	background-color: #49952b;
	content: '';
	height: 100%;
	position: absolute;
	right: -10px;
	top: -5px;
	width: 10px;
}

#content .hero-image h1 span {
	color: #ffffff;
	font: 48px "GothamBold", Arial, Helvetica, sans-serif;
}

#content .hero-image img {
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

#content .call-to-action {
	margin-bottom: 70px;
}

/* SIDEBAR */
.menu-sidebar {
    margin-left: 1em;
}
.menu-sidebar li {
    background-color: #ccc;
    background-image: linear-gradient(left , rgb(238,238,238) 0%, rgb(255,255,255) 97%);
    background-image: -o-linear-gradient(left , rgb(238,238,238) 0%, rgb(255,255,255) 97%);
    background-image: -moz-linear-gradient(left , rgb(238,238,238) 0%, rgb(255,255,255) 97%);
    background-image: -webkit-linear-gradient(left , rgb(238,238,238) 0%, rgb(255,255,255) 97%);
    background-image: -ms-linear-gradient(left , rgb(238,238,238) 0%, rgb(255,255,255) 97%);
	text-transform: uppercase;


}

.menu-sidebar li > a {
    padding: 3px 3px 3px 8px;
}
.menu-sidebar li:hover {
	background-color: transparent;
}

.menu-sidebar a.active {
	background-color: #eee;
	background-image: none;
	color: #ffffff;
}

.menu-sidebar a.active:after {
	background-color: #4d992f;
}

aside.contact-details {
    top: 9em;
}
.contact-details .email,
.contact-details .phone {
	background-image: url(../images/icon-sprite.png);
	background-repeat: no-repeat;
	color: #2c9d00;
	display: block;
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	height: 20px;
	margin-bottom: 10px;
	padding-left: 40px;
	text-decoration: none;
}

.contact-details .phone {
	background-position: 0 -20px;
}

/* FOOTER */
#footer {
	margin-top: -70px;
	padding: 90px 0 20px;
	position: relative;
	z-index: 5;
}

#footer .inner {
	color: #00b3dc;
	font: 11px "GothamBold", Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: center;
	width: 960px;
}

#footer .copyright {
	border-right: 1px solid #666;
	margin-right: 20px;
	padding-right: 20px;
	font: 11px "GothamRegular", Arial, Helvetica, sans-serif;
}

#footer .menu-footer {
	display: inline-block;
}

#footer .menu-footer a {
	color: #666;
	margin-right: 10px;
	text-decoration: none;
}

#footer .menu-footer a:hover {
	color: #666;
    text-decoration: underline;
}
/*STOCK PLAN TABLE*/
a.deleteConfirm {color: #b82234}
/* UI Autocomplete */
.ui-autocomplete { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin-top: -1px; padding: 0 10px; width: 200px; }
.ui-autocomplete li { border-bottom: 1px solid #CCCCCC; padding: 4px 0; }
.ui-autocomplete li:last-child { border: 0; }
.ui-autocomplete li:before { content: ''; }
.ui-autocomplete li:hover { background-color: #F9F9F9; cursor: pointer; }
.ui-helper-hidden-accessible { display:none; }

/* CHECKLIST STYLES */
.hidden {display:none}
.panel > :last-child { margin-bottom: 4px; }
.panel .no_background {background-color: #fff; padding: 10px 20px 10px 10px;}
.panel .no_background_dashed {background-color: transparent; border: 1px dashed #aaa; padding: 10px 20px 10px 10px;}
.panel .no_background_dashed h5 {color: #fff;text-shadow: 1px 1px #aaa;}
.sortable_original, .sortable_cabinet_original, .sortable_boxes_original, .sortable, .sortable_cabinet, .sortable_boxes { list-style-type: none; width: 100%; margin-left: 0px;}
.sortable_cabinet_original, .sortable_cabinet {padding: 5px; background: #f5; border-top: 1px solid #ccc; margiin-bottom: 2px;}
.sortable_drawers_original, .sortable_drawers {z-index : 9;} li > div.alert-box.secondary {background-color: #fff;}
h5.subheader {margin:0px; color:#5da423; font-size: 17px;}
.sortable_original {display: none;}
i {cursor: pointer;}
.sortable li {  cursor: move}
.sort_placeholder {background-color:#fff; height: 2.5em; padding: 2px; border: 1px dotted #5da423; margin-bottom: 5px;}
 a.sortable:link {color: #505050; cursor: pointer;}
 a.sortable:hover {text-decoration: underline; cursor: pointer;}
 .sorted {background-color:#fff; padding: 5px; margin: 5px 0px; border: 1px dashed #bbb; color: #ccc;}
 a.sorted:link {color: #ddd}
 a.sorted:visited {color: #ddd}
 a.sorted:hover {color: #ddd}

.drawer_form {display : none; background: #fff; padding: 2px;}
.drawer_form form {margin: 0px;}
.box {width: 100%;}
.button.dropdown ul.show-dropdown { display: block !important; margin-top: 10px; }
.button.dropdown ul.no-hover.show-dropdown { margin-top: 30px; }
form.custom div.custom.dropdown.open ul { width: 100%; }
form.custom div.custom.dropdown ul li { width: 100%; }
#pre_drawers { display: none;}
.box_label {cursor: pointer}
.drop_hover {border: 1px dotted #499528;}
div.alert-box.secondary.box_container {font-size: 14px; margin: 5px 0px; border: 1px solid #ccc; border-radius: 4px; line-height: 1.3em; padding-bottom: 0.2em;}
div.alert-box.secondary.box_container a {color: #333; font-weight: bold}
a.small.radius.button.dropdown.box  {color: #fff; font-weight: bold}
h3.subheader {padding: 6px; text-transform: uppercase; margin-top: 0px;margin-bottom: 0px;text-shadow: white 1px 1px 0px; color: #555; font-size: 18px; line-height: 44px;}
/*.panel.radius.left_repo, .panel.radius.right_cabinet { padding: 0px; background-color: #f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc;}*/
#create_new_draw {margin: 5px;}
h5 > .icon-pencil, h5 > .icon-trash {margin-left: 20px;};
.icon-caret-right, .icon-caret-down {color: #333; float: right; margin-top: 5px;}
.sublinks > i.icon-gear,.sublinks > i.icon-pencil, .sublinks > i.icon-trash .sublinks > i.icon-question, .sublinks > i.icon-comment {height: 13px;}
div.alert-box.secondary.box_container a.expand { font-weight: normal; color: #777; font-size: 0.9em;}
.delete_cabinet {margin: 0px 5px;}
.subheader_edit {width: 80%}
#questions-data-drop li>a{ font-weight: normal;}
#questions-data-drop li>a:last-child { color: #741d66; font-weight: bold; }
.save_cabinet_as { width: 150px; }
#dropdown-login-form { margin-top: 0.4em; }
li.form { padding-top: 1em; }
li.form:hover { background-color: #fff; }
#dropdown-account-list { width: 7em; }
div.alert-box.secondary.box_container a.sublinks { font-weight: normal; color: #aaa; font-size: 0.8em;}
div.alert-box.secondary.box_container a.sublinks:hover { color: #555; text-shadow: #ddd 1px 1px 0px;}
.reveal-modal.box {width: 40em;}
.question_form { padding: 5px;}
.questions.alert-box.secondary {line-height: 15px; font-size: 12px; padding-bottom: 1px;}
.modal-edit-icon {cursor: pointer; font-weight: normal; font-size: 10px; color:#555;}
.modal-edit-icon i {height: 10px; padding-right:  2px; color: #555;}
/*.questions.alert-box.secondary {padding: 8px 3px 2px 1px; }*/

li.notification > div.alert-box {text-align: center; margin: 0px; top: 0px; padding: 0px; width: 100%; opacity: 0.8;}
.icon-question-sign.tip {height: 10px; color: #008fb4;}
.ordering {font-size: 1.5em; padding-right: 5px; font-weight: bold; color: #ddd;}
.feedback{ position:fixed; right: -3px; bottom:0; z-index: 12;}
.feedback a {position: relative; z-index: 12; display:block; height:35px; width:100px; text-align:center; background:#2284a1; padding:5px; float:left; cursor:pointer; /*Font*/ color:#FFF; font-weight:bold; font-size:18px;

    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -moz-box-shadow: -4px -3px 10px #aaa;
	-webkit-box-shadow: -4px -3px 10px #a0a0a0;
	box-shadow: -4px -3px 5px #a0a0a0;
}
.feedback .form{ position: relative; z-index: 11; clear:both; height:300px; width:330px; border:0px solid #aaa; background:#fff; padding:15px; display: none;
    -moz-box-shadow: -4px -3px 10px #aaa;
	-webkit-box-shadow: -4px -3px 10px #a0a0a0;
	box-shadow: -4px -3px 5px #a0a0a0;
}
.feedback .form textarea{ height:150px; width:300px; padding:5px; }
.feedback .form h2{margin-bottom: 10px;}
.feedback .status{ font-size:12px; font-style: italic; }
/* DATATABLES */
table.dataTable thead th {
padding: 10px 18px 10px 10px;
border-bottom: 0px solid #000;
font-weight: bold;
font-size: 0.875em;
cursor: pointer;
}

table.dataTable tr.even { background-color: #F9F9F9; }
table.dataTable tr.odd { background-color: white; }

table.dataTable tr.even td.sorting_1 { background-color: #EEEEEE; }
table.dataTable tr.even td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.even td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.odd td.sorting_1 { background-color: #F6F6F6; }
table.dataTable tr.odd td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.odd td.sorting_3 { background-color: #F9F9FF; }

div.dataTables_length  > label {width: 100%; float: none; margin-right: 0px;}
div.dataTables_length  > label > select{width: 35%; margin-top: 10px;}
div.dataTables_filter  > label {width: 100%; float: left; margin-right: 0px;}
div.dataTables_filter  > label > input{width: 70%; float: right; margin-left: 5px;}

.main_text {
line-height: 2;
font-size: 1.8em;
font-family: Georgia;
padding: 0.5em;
font-weight: bold;
font-style: italic;
}