/* CSS RESET */

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
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; display: block; font-family: Helvetica; }

table, caption, tbody, tfoot, thead, tr, th, td, span,
a, img, strong, b
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; font-family: Helvetica; }

b, strong { font-weight: 700; }

/* 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; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

input:focus {outline: 0;}

/* END CSS RESET */

h1 { font-size: 24px; color: rgb(244, 129, 30); margin-bottom: 15px; }
h2 {font-size: 24px; color: rgb(244, 129, 30); margin: 5px 0 20px 0; font-weight: 400; }
h3 {font-size: 14px; color: rgb(244, 129, 30); margin-bottom: 15px; font-weight: 700;}
p { font-size: 12px; color: rgb(51, 62, 70); margin-bottom: 15px; line-height: 16px; }
/*table td { font-size: 14px; line-height: 16px; vertical-align: top; padding-bottom: 6px; color: rgb(102, 102, 102); }*/
#map-canvas { height: 410px; }
a { color: inherit; }
p > a { color: rgb(244, 129, 30); text-decoration: none; }
a:hover { text-decoration: underline; }

.button { height: 35px; line-height: 35px; color: White; font-size: 12px; text-decoration: none; font-weight: bold; display: inline-block;  padding: 0 10px 0 10px; float: left; background-repeat: no-repeat; background-position: 8px center; -webkit-transition: background-color .15s ease-in-out; -moz-transition: background-color .15s ease-in-out; -ms-transition: background-color .15s ease-in-out; -o-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; }
.button.orange { background-color: rgb(244, 129, 30); }
.button.grey { background-color: #8b8f94; }
.button.orange.add, .button.grey.add { background-image: url(../Images/icoAddWhite.png); }
.button.orange.edit, .button.grey.edit { background-image: url(../Images/icoEditWhite.png); }
.button.options { background-image: url(../Images/icoOptionsWhite.png); padding: 0 16px; }
.button.orange.delete, .button.grey.delete { background-image: url(../Images/icoDeleteWhite.png); }
.button.dark { background-color: rgb(51, 62, 70); color: rgb(244, 129, 30); }
.button.dark.download { background-image: url(../Images/icoDownloadOrange.png); }
.button.add, .button.edit, .button.delete, .button.download { padding: 0 10px 0 40px; }
.button:hover { background-color: rgb(51, 62, 70); }
.button.add { position: absolute; top: 10px; right: 15px; }
.button.aspNetDisabled { background-color: rgb(220, 220, 220); }
.button.aspNetDisabled:hover { text-decoration: none; }

.grid { font-size: 14px; color: rgb(51, 62, 70); }
.grid .table { border-bottom: 3px solid rgb(208, 208, 208); margin-bottom: 25px;  }
.grid .caption { background-color: rgb(51, 62, 70); color: white;  font-weight: bold; height: 40px; vertical-align: middle; padding: 0 12px; }
.grid .cell  { height: 37px; vertical-align: middle; padding: 0 12px; background-color: rgb(237, 239, 239); }
.grid .cell.noPaddingLeft, .grid .caption.noPaddingLeft { padding: 0 12px 0 0; }
.grid .cell.noPaddingRight, .grid .caption.noPaddingRight { padding: 0 0 0 12px; }
.grid .alt .cell { background-color: white; }
.grid .cell .dxWeb_edtCheckBoxChecked { display: block; width: 17px; height: 17px; background-image: url(../Images/gridCbxGrayedChecked.png); background-position: 0 0; }
.grid .cell .dxWeb_edtCheckBoxUnchecked { display: block; width: 17px; height: 17px; background-image: url(../Images/gridCbxGrayedUnchecked.png); background-position: 0 0; }
.grid .deleteCell { padding: 0 12px 0 0; }
.grid .downloadCell { padding: 0 0 0 0; }
.grid .command { white-space: nowrap; }
.grid .command img { display: inline-block; padding: 5px; }

.grid .pageNumber { width: 26px; background-image: url(../Images/gridPagerButtonPage.png); text-align: center; background-repeat: no-repeat; font-size: 12px; font-weight: bold; color: rgb(153, 153, 153); }
.grid .pageNumberCurrent { background-image: url(../Images/gridPagerButtonCurrent.png); color: white; }

.mainWrapper { width: 100%; background-color: rgb(238, 238, 238); }
.mainWrapper .main { width: 980px; margin: 0 auto 0 auto;  }
.mainWrapper .main .header { position: relative; width: 100%; height: 114px; background-color: rgb(51, 62, 70);  }
.mainWrapper .main .header .homeLink { display: block; background-image: url(../Images/HeaderLogo.png); background-position: bottom left; background-repeat: no-repeat; color: White; font-size: 24px; font-weight: bold; padding: 70px 0 0 90px; margin: 0 0 0 15px; text-decoration: none; }
.mainWrapper .main .header .homeLink:hover { text-decoration: none; }
.mainWrapper .main .header .loginDisplay { display: block; position: absolute; top: 15px; right: 25px; color: White; width: 500px; font-size: 14px; }
.mainWrapper .main .header .loginDisplay a, .mainWrapper .main .header .loginDisplay span { display: inline; float: right; }
.mainWrapper .main .header .loginDisplay a { color: rgb(244, 129, 30);  }

.mainWrapper .main .content { padding-bottom: 85px; }

.footerWrapper { width: 100%; background-color: rgb(51, 62, 70);  }
.footerWrapper .footer { width: 980px; margin: 0 auto 0 auto; height: 90px; color: white; font-size: 12px; position: relative; line-height: 15px; }
.footerWrapper .footer .footerLogo { width: 68px; height: 69px; background-image: url('../Images/FooterLogo.png'); position: absolute; top: 8px; left: 0px; }

.mainWrapper .main .navigation { position: relative; white-space: nowrap; width: 100%; height: 38px; background-color: rgb(244, 129, 30); line-height: 38px; color: White; }
.navigationMenu { padding-left: 15px; font-size: 14px; font-weight: 700; }
.navigationMenu > ul {  }
.navigationMenu > ul > li {  }
.navigationMenu > ul > li > a { display: block; padding: 0 15px; text-decoration: none; }
.navigationMenu > ul > li:hover > a { background-color: White; color: rgb(244, 129, 30); }
.navigationMenu > ul > li > ul { background-color: rgb(244, 129, 30); z-index: 1000; }
.navigationMenu > ul > li > ul > li {  }
.navigationMenu > ul > li > ul > li > a { text-decoration: none; color: White; display: block; padding: 0 10px 0 10px; }
.navigationMenu > ul > li > ul > li:hover > a { background-color: White; color: rgb(244, 129, 30); }

.content { position: relative; }

.content .panel { display: inline-block; float: left; background-color: White; padding: 10px 15px; margin-top: 10px; border-top: 7px solid rgb(208, 210, 202); position: relative; -webkit-transition: border-top-color .15s ease-in-out; -moz-transition: border-top-color .15s ease-in-out; -ms-transition: border-top-color .15s ease-in-out; -o-transition: border-top-color .15s ease-in-out; transition: border-top-color .15s ease-in-out; }
.content .panel:hover { border-top-color: rgb(244, 129, 30); }
.content .panel.full { width: 950px; }
.content .panel.big { margin-left: 15px; width: 690px;}
.content .explorer { display: inline-block; float: left; background-color: rgb(51, 62, 70); padding: 10px 15px; margin-top: 10px; position: relative; color: White; width: 215px; }

.treeView { font-size: 12px; }

.content .panel .documentItem { background-color: rgb(238, 238, 238); padding: 10px 15px; margin: 0 0 10px 0; position: relative; }
.content .panel .documentItem .columnA { width: 400px; display: inline-block; float: left; font-size: 13px; padding: 0 30px 0 0; }
.content .panel .documentItem .columnA.X { width: 470px; }
.content .panel .documentItem .columnA .dataRow { padding-bottom: 5px; }
.content .panel .documentItem .columnA .dataRow .column1 {display: inline-block; float: left; width: 150px; font-weight: bold;}
.content .panel .documentItem .columnA .dataRow .column2 { display: inline-block; float: left; }
.content .panel .documentItem .fileRow { padding: 5px 10px; background-color: rgb(250, 245, 250); }
.content .panel .documentItem .fileRow.alternate { background-color: White; }

.content .panel .documentItem .columnB { width: 230px; display: inline-block; float: left; font-size: 12px; }
.content .panel .documentItem .columnB .dataRow { padding-bottom: 5px; color: grey; }
.content .panel .documentItem .columnB .dataRow .column1 {display: inline-block; float: left; width: 90px; font-weight: bold;}
.content .panel .documentItem .columnB .dataRow .column2 { display: inline-block; float: left; }

.content .panel .inputPanel { padding: 10px; box-shadow: 0 0 60px -30px black; margin: 0 0 15px 0; }
.content .panel .inputRow { display: block; margin: 0 0 10px 0; }
.content .panel .inputRow .column1 { display: inline-block; float: left; font-size: 14px; font-weight: bold; width: 220px; text-align: right; padding: 9px 15px 0 0; }
.content .panel .inputRow .column2 { display: inline-block; float: left; width: 400px; }
.content .panel .inputRow .column2 > select { width: 375px; background-color: rgb(238, 238, 238); border: none; margin: 0; height: 32px; background-image: none; border-radius: 0.1px; }
.content .panel .inputRow .column2 > input[type="text"], .content .panel .inputRow .column2 > input[type="password"], .content .panel .inputRow .column2 > input[type="file"], .content .panel .inputRow .column2 > textarea { display: inline-block; float: left; width: 359px; border: none; padding: 8px; margin: 0; background-color: rgb(238, 238, 238); }
.content .panel .inputRow .column2 > input[type="file"] { padding: 6px 8px; }
.content .panel .inputRow .column2 > textarea { color: rgb(51, 62, 70); font-size: 14px; font-family: inherit; }
.content .panel .inputRow .column3 { display: inline-block; float: left; font-size: 14px; /*padding: 9px 0 0 0;*/ } 

.content .popup { width: 690px; display: inline-block; float: left; background-color: White; padding: 10px 15px; box-shadow: 0 0 50px -15px black; border-top: 7px solid rgb(208, 210, 202); position: fixed; left: 50%; top: 120px; margin-left: -360px; -webkit-transition: border-top-color .15s ease-in-out; -moz-transition: border-top-color .15s ease-in-out; -ms-transition: border-top-color .15s ease-in-out; -o-transition: border-top-color .15s ease-in-out; transition: border-top-color .15s ease-in-out; }
.content .popup:hover { border-top-color: rgb(244, 129, 30); }
.content .popup .fileRow { display: inline-block; float: left; width: 670px; padding: 5px 10px; }
.content .popup .fileRow.alternate { background-color: rgb(208, 210, 202); }
.content .popup .fileRow .fileInfo { display: inline-block; float: left; width: 560px; padding-top: 5px; font-size: 14px; }

.ModalPanel { font-size: 14px; background-color: White; padding: 10px 15px; box-shadow: 0 0 50px -15px black; border-top: 7px solid rgb(208, 210, 202); -webkit-transition: border-top-color .15s ease-in-out; -moz-transition: border-top-color .15s ease-in-out; -ms-transition: border-top-color .15s ease-in-out; -o-transition: border-top-color .15s ease-in-out; transition: border-top-color .15s ease-in-out; }
.ModalPanel:hover { border-top-color: rgb(244, 129, 30); }