/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, table, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
body { line-height: 1; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* page and body settings */
body {
 text-align: left;
 padding: 0;
 margin: 0;
 background: #fff;
 color:#808080;
 /* this sets default font-size of 1.0em = 10px */
 /* for font size changes, style elements one time using em's */
 /* font: 62.5% Verdana, Arial, Helvetica, sans-serif; */
 font: 80% Verdana, Arial, Helvetica, sans-serif;
}


/* begin default styling of elements */
* { outline:none; }
p { margin: 0 0 12px 1px; padding: 0; }
img { border: none; background-color: transparent; }
a img { border: none; }
hr { background: #434647; border: 0; color: #434647; height: 1px; margin: 0 0 10px; }
/* default lists, blockquotes, and tables and other specialized elements */
/* font-sizes and line-heights below are common across entire document */
/* for elements with font-sizes or line-heights that change during document, */
/* remove font-size and line-height settings from here and style explicitly below */
ul { margin: 0 0 12px 12px; list-style-type: square; list-style-position: outside; }
li { margin: 0 0 0 5px; }
li ul { /* for lists inside lists */ margin-top: 5px; margin-left: 15px; list-style: disc; }
blockquote { margin: 1px 0 12px; padding: 0 10px 0 0; font-style: italic; }
blockquote h5 { color: #6ebb0d; font-size:1.5em; margin: 0 0 6px; }
blockquote p { font-size:1.1em; margin: 0 0 6px; }
/* forms */
form { }
fieldset { }
label { }
input { margin: 0 0 5px 0; vertical-align: middle; }
input.button { font-weight: bold; color: #666; font-size: 1.2em; padding: 1px 3px; vertical-align: top; }
input.input-box { vertical-align: middle; padding: 1px; }
.radio-button { margin-right: 3px; vertical-align: middle; }
select { vertical-align: middle; }

/* default table (invisible) */
table { margin: 0 0 12px; border-collapse: collapse; clear: both; }
th, td { vertical-align:top; padding:2px 5px; margin:0; }

/* default headers */
h1, h2, h3, h4, h5, h6 { margin-bottom: 6px; font-weight: normal; }
/* font sizes here are global for the entire document; */

/* for headers that change size, remove here and size below in each container */
h1 { font-size: 3.0em; }
h1, h1 a { color:#ff7200; text-decoration:none; }
h2 { color:#ff7200; font-size: 2.0em; margin-left: -1px; /* to fix 1px header variance */ margin-bottom:4px; }
h2, h2 a { color:#ff7200 !important; text-decoration:none !important; }
h3, #content .nav-quadrant dt { font-size: 1.6em; color: #ff7200; clear: left; }
h3, h3 a { color:#ff7200 !important; text-decoration:none !important; }
h4 { font-size: 1.6em; margin-top:38px; margin-bottom:4px; }
h4, h4 a { color:#067ab4 !important; text-decoration:none !important; }
h5 { font-size:1.1em; font-weight:bold; margin:28px 0 0 /*3px*/; }
h6 { font-size: 1.1em; letter-spacing: .5px; font-weight: bold; margin-bottom: 0; }
h6, h6 a { color:#666 !important; text-decoration:none !important; }
h6.reverse { margin:7px 0 18px; }
h2.underline, h3.underline { border-bottom: 1px solid #ccc !important; padding-bottom: 2px; margin-bottom:3px; }
small { font-size: 0.9em; color: #666; }
/* default links */
a, a:link { color: #067ab4; text-decoration: underline; font-weight: normal; }
a:visited { color: #067ab4; text-decoration: underline; font-weight: normal; }
a:hover a:active, a:focus { color: #003366; text-decoration: underline; font-weight: normal; }
/* begin page layout */
#page-wrapper { margin: 0 auto; padding: 0; text-align: left; width: 768px; border: 1px solid #434647; }
/* header */
#header { position: relative; /* makes #header the parent element for absolute positioned nav-bar */ margin: 0; padding: 0; height: 55px; border-bottom:1px solid #434647 }
/*#header { position: relative; /* makes #header the parent element for absolute positioned nav-bar */ margin: 0; padding: 0; height: 55px; background: url(/images/att-logo.gif) no-repeat 5px 5px; border-bottom:1px solid #434647 }
#header #title { margin: 0; padding: 0; position: absolute; right: 0; top: 0;/* this uses absolute positioning to drop header title graphic *//* on top of generic header background */ }
/* header nav-bar */
#header .nav-bar { position: absolute; bottom: -6px; list-style-type: none; margin: 0; margin-left: 0px; padding: 1px 5px 5px 14px; text-align: left; }
#header .nav-bar li { margin: 0 10px 0 0; padding: 0; display: inline; color: #838383; font-size: 1.2em; font-weight: normal; float: left; }
#header .nav-bar li a { float: left; display: block; }
#header .nav-bar li a, #header .nav-bar li a:link, #header .nav-bar li a:visited { color: #067ab4; text-decoration: none; }
#header .nav-bar li a:hover { color: #000; text-decoration: underline; }
#header .nav-bar li.current a { color: #ff7200 !important; }
#banner { text-align: center; }
#banner img { width: 100%; border-bottom:1px solid #434647; }
/* begin column layout */
#column-wrapper { width: 768px; margin: 10px 0 0 0; padding: 0; }
/* begin column "inner" containers */
/* this is a container forming the body of each column */
/* settings here are common across all columns */
.inner { margin: 10px 15px 15px; padding: 0; }
/* font-sizes and line-heights below are common across all columns */
/* for elements with font-sizes that are different for each column, remove here and size explicitly within column section */
.inner p, .inner li { font-size: 1.1em; line-height: 165%; }
/* fixing font sizes inside nested elements */
li li, li h4, li p { font-size:1.0em !important; }
/* content column */
#content { display: block; padding: 19px 0 0; margin: 0; }
#content:after { clear:both; }
/* tl footer */
#tlfooter-wrapper { clear: both;/* clears left column and content floats */ }
#tlfooter { background: #0000ff; color: #fff; padding: 5px 10px 5px 0; font-size: 1.0em; }
#tlfooter a, #tlfooter a:link, #tlfooter a:visited { color: #fff; text-decoration: none; }
#tlfooter a:hover #tlfooter a:active, #tlfooter a:focus { color: #fff; text-decoration: underline; }
#tlfooter .nav-bar { padding: 0; margin: 0; }
#tlfooter .nav-bar li { color: #fff; margin: 0; padding: 0; display: inline; float: left; /* removes extra margins in inline lists */ font-size: 1.0em; }
#tlfooter .nav-bar li a { margin: 0; padding: 0 10px; /* sets space between footer nav-bar links */ display: block; /* expands nav-bar links to edges of list items */ float: left;/* removes extra margins in inline lists */ }
#tlfooter p { font-size: 1.1em; margin-left: 5px; }
#tlfooter .text { margin: 0; padding: 0; text-align: right; }
/* footer */
#footer-wrapper { clear: both;/* clears left column and content floats */ }
#footer { background: #0000ff; color: #fff; padding: 5px 10px 5px 0; font-size: 1.0em; }
#footer a, #footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover #footer a:active, #footer a:focus { color: #fff; text-decoration: underline; }
#footer .nav-bar { padding: 0; margin: 0; }
#footer .nav-bar li { color: #fff; margin: 0; padding: 0; display: inline; border-right: 1px solid #fff; float: left; /* removes extra margins in inline lists */ font-size: 1.0em; }
#footer .nav-bar li a { margin: 0; padding: 0 10px; /* sets space between footer nav-bar links */ display: block; /* expands nav-bar links to edges of list items */ float: left;/* removes extra margins in inline lists */ }
#footer p { font-size: 1.1em; margin-left: 5px; }
#footer .text { margin: 0; padding: 0; text-align: right; }
/* specialized page components (not used in every page) */
/* re-usable visible table style, 1px gray border */
.table-style { background-color: #fff; color: #000; padding: 0; margin: 0 0 20px; border-collapse: collapse; width: 100%; clear: both;/* for clearing floated images */ }
.table-style th, .table-style td { background-color: #fff; margin: 0; border: 1px solid #434647; padding: 3px; color: #666;border-collapse: collapse; }
.table-style th h5 { margin: 0; }
/* table style for 2 columns in content area */
.two-columns { width: 100%; margin-top:25px; margin-bottom: 0px; }
.two-columns td { background-color: #fff; margin: 0; border: none; padding: 0px; vertical-align: top; }
.two-columns .column-padding { padding-right: 30px; }
/* "nav-quadrant" landing page navigation grid */
#content .nav-quadrant { margin: 18px 0 0 -1px; width:99%; clear: left; float: left; display: inline; }
#content .nav-quadrant dl { margin: 0 25px 26px 0; width: 230px; float: left; display: inline;/* IE fix for double margin bug */ }
#content .nav-quadrant dt { margin: 0 0 4px; padding: 0; }
#content .nav-quadrant dd { margin: 0 0 0 2px; padding: 0; }
#content .nav-quadrant dd.caption { color:#666; font-size:1.1em; line-height:165%; margin:7px 0 0 5px; }
#content .nav-quadrant a { /* removes nav-quadrant title hover */ text-decoration: none; }
#content .nav-quadrant dd.caption a:hover { text-decoration: underline; }
#content .nav-quadrant .green dt a { color: #6dbb44; }
/* sets nav-quadrant title color */
#content .nav-quadrant .red dt a { color: #b30a3c; }
#content .nav-quadrant .purple dt a { color: #810a7e; }
#content .nav-quadrant .orange dt a { color: #ff850d; }
#content .nav-quadrant .navy dt a { color: #0c2577; }
/* sidebar column "navigation lists" */
.inner .nav-list { list-style-type: none; margin: 0 0 15px; padding: 0 0 15px; list-style-position: outside; border-bottom:1px solid #ccc; }
.inner .nav-list li { list-style-type: none; background-image: none; line-height:140%; list-style-image: none; font-size: 1.2em; color: #838383; text-align: left; margin: 0; padding: 0; }
.inner .nav-list li a { margin: 0; padding: 5px 0; font-weight: normal; display: block; }
.inner .nav-list li a, .inner .nav-list li a:link, .inner .nav-list li a:visited { color: #067ab4; text-decoration: none; }
.inner .nav-list li a:hover, .inner .nav-list li a:active, .inner .nav-list li a:focus { color: #000; text-decoration: underline; }
.inner .nav-list li.current a { color: #000; font-weight: bold !important; }
/* nav-list third-tier navigation */
.inner .nav-list .submenu { margin-top: -5px; margin-left: 10px; padding-left: 0; list-style-type: square; list-style-position: outside; margin-bottom: 5px; }
.inner .nav-list .submenu li { list-style-type: square; border: none; padding: 2px 5px; color: #666; margin-left: 0; }
.inner .nav-list .submenu li.submenu-current { padding-left:20px; background:url(/images/bkg-submenu-current.gif) no-repeat 5px 10px; }
.inner .nav-list .submenu li.submenu-current a { color: #ff7200; }
.inner .nav-list .submenu li a { margin: 0; padding: 0; display: inline; color: #067ab4; font-weight: normal !important; }
/* feature - gives the element some vertical breathing room */
.inner .feature { margin: 30px 0 15px; }
/* sidebar panel, for search and other administration features */
.sidebar-panel { margin:34px 10px 0 4px; }
.sidebar-panel h5 { background-color: transparent; color: #FF7200; font-style:italic; font-size:1.5em; margin:0 0 4px 3px; font-weight:normal; }
.sidebar-panel h6 { margin-bottom: 0; }
.sidebar-panel h5.divider { margin-top:24px; padding-top:16px; border-top:1px solid #ccc; }
.sidebar-panel p { font-style:italic; line-height:140%; margin:0 0 12px 3px; }
.sidebar-panel form { margin-left: 5px; }
.sidebar-panel ul { margin-left: 3px; }
.sidebar-panel li { font-style:italic; color: #067ab4; }

/*
 Reusable utility code
 These are also used in the tinyMCE css file (editor.css)
*/
.left { float: left; }
.right { float: right; }
.center { text-align: center; }

img.left, table.left {
        float: left;
        text-align: inherit;
}

img.center, table.center {
        margin-left: auto;
        margin-right: auto;
        text-align: inherit;
}

img.center {
        display: block;
}

img.right, table.right {
        float: right;
        text-align: inherit;
}

/* this is for using on a block-level container element and will center contents inside the container */
.centered { display: block; margin: 0 auto 10px; }
/* this is for using on an inline element, such as an image and will turn the element block, and center the element within its container */
.indent { display:block; margin-left: 20px !important; }
.hidden { display: none; }
.top-border { border-top: 1px solid #ccc; }
.no-border { border: none !important; }
.clear { clear: both; }
/* utility colors */
.green { color: #6ebb0d !important; border-color: #6ebb0d !important; }
.red { color: #b30a3c !important; border-color: #b30a3c !important; }
.purple { color: #810a7e !important; border-color: #810a7e !important; }
.navy { color: #0c2577 !important; border-color: #0c2577 !important; }
.orange { color: #ff850d !important; border-color: #ff850d !important; }
.black { color: #000 !important; border-color: #000 !important; }
.white { color: #fff !important; border-color: #fff !important; }
.gray { color: #666 !important; border-color: #666 !important; }
.blue { color: #067ab4 !important; border-color: #067ab4 !important; }
.dusty-blue { color: #96b1d0 !important; border-color: #96b1d0 !important; }
.ochre { color: #eaab00 !important; border-color: #eaab00 !important; }
.royal-blue { color: #006 !important; border-color: #006 !important; }
.teal { color: #00c7b2 !important; border-color: #00c7b2 !important; }
.warm-gray { color: #cc9 !important; border-color: #cc9 !important; }
.gold { color: #f90 !important; border-color: #f90 !important; }
.lime { color: #b6bf00 !important; border-color: #b6bf00 !important; }
.accent { color: #ff7200; border-color: #ff7200; }
.reverse { color: #fff !important; background-color: #999; padding: 2px 5px; font-weight: bold; }
/* universal column styles */
/* left col */
#left-col { width: 185px; float: left; display: inline; margin: 26px 0 0; padding: 0; background-color: #fff; }
#left-col li { font-style:italic; list-style:none outside; }
#left-col h4 { margin-top:0; padding-top:0; font-size:1.2em !important; font-weight:normal; font-style:italic; }
#left-col h4, #left-col h4 a { color:#ff7200; }
#left-col h6 { font-style:normal !important; }
#left-col .feature-box, .feature-box { border: solid #ccc; border-width:1px 0; margin:24px 0 20px; padding:18px 0 24px; }
/* right col */
#right-col { float: right; margin: 0; padding: 0; background-color: #fff; }
#right-col ul { margin-left:12px; list-style:disc outside; }
#right-col a { text-decoration:none; }
/* insider nav */
#nav-wrapper { margin: 0 auto; padding: 0; text-align: left; width: 850px; }

/* override page layout defaults */
#page-wrapper, #column-wrapper { width: 98%; }

.tss-green-bold{ font-weight: bold; color: #6ebb0d; }
.tss-red-bold{ font-weight: bold; color: #b30a3c; }
.tss-purple-bold{ font-weight: bold; color: #810a7e; }
.tss-navy-bold{ font-weight: bold; color: #0c2577; }
.tss-orange-bold{ font-weight: bold; color: #ff850d;}
.tss-black-bold{ font-weight: bold; color: #000;}
.tss-white-bold{ font-weight: bold; color: #fff;}
.tss-gray-bold{ font-weight: bold; color: #666;}
.tss-blue-bold{ font-weight: bold; color: #067ab4;}
.tss-dusty-blue-bold{ font-weight: bold; color: #96b1d0;}
.tss-ochre-bold{ font-weight: bold; color: #eaab00;}
.tss-royal-blue-bold{ font-weight: bold; color: #006;}
.tss-teal-bold{ font-weight: bold; color: #00c7b2;}
.tss-warm-gray-bold{ font-weight: bold; color: #cc9;}
.tss-gold-bold{ font-weight: bold; color: #DE9C07;}
.tss-lime-bold{ font-weight: bold; color: #b6bf00;}
.tss-accent-bold{ ; font-weight: bold; color: #ff7200;}

.tss-green { color: #6ebb0d }
.tss-red { color: #b30a3c }
.tss-purple { color: #810a7e }
.tss-navy { color: #0c2577 }
.tss-orange { color: #ff850d }
.tss-black { color: #000 }
.tss-white { color: #fff }
.tss-gray { color: #666 }
.tss-blue { color: #067ab4 }
.tss-dusty-blue { color: #96b1d0 }
.tss-ochre { color: #eaab00 }
.tss-royal-blue { color: #006 }
.tss-teal { color: #00c7b2 }
.tss-warm-gray { color: #cc9 }
.tss-gold { color: #DE9C07 }
.tss-lime { color: #b6bf00 }
.tss-accent { color: #ff7200; }


.corp-green-bold{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #6ebb0d; }
.corp-red-bold{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #b30a3c; }
.corp-purple-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #810a7e; }
.corp-navy-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #0c2577; }
.corp-orange-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #ff850d;}
.corp-black-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #000;}
.corp-white-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #fff;}
.corp-gray-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #666;}
.corp-blue-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #067ab4;}
.corp-dusty-blue-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #96b1d0;}
.corp-ochre-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #eaab00;}
.corp-royal-blue-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #006;}
.corp-teal-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #00c7b2;}
.corp-warm-gray-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #cc9;}
.corp-gold-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #DE9C07;}
.corp-lime-bold{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #b6bf00;}
.corp-accent-bold{ font-family: Verdana, Arial, Helvetica, sans-serif; ; font-weight: bold; color: #ff7200;}

.corp-green { font-family: Verdana, Arial, Helvetica, sans-serif; color: #6ebb0d }
.corp-red { font-family: Verdana, Arial, Helvetica, sans-serif; color: #b30a3c }
.corp-purple { font-family: Verdana, Arial, Helvetica, sans-serif; color: #810a7e }
.corp-navy { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0c2577 }
.corp-orange { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff850d }
.corp-black { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000 }
.corp-white { font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff }
.corp-gray { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666 }
.corp-blue { font-family: Verdana, Arial, Helvetica, sans-serif; color: #067ab4 }
.corp-dusty-blue { font-family: Verdana, Arial, Helvetica, sans-serif; color: #96b1d0 }
.corp-ochre { font-family: Verdana, Arial, Helvetica, sans-serif; color: #eaab00 }
.corp-royal-blue { font-family: Verdana, Arial, Helvetica, sans-serif; color: #006 }
.corp-teal { font-family: Verdana, Arial, Helvetica, sans-serif; color: #00c7b2 }
.corp-warm-gray { font-family: Verdana, Arial, Helvetica, sans-serif; color: #cc9 }
.corp-gold { font-family: Verdana, Arial, Helvetica, sans-serif; color: #DE9C07 }
.corp-lime { font-family: Verdana, Arial, Helvetica, sans-serif; color: #b6bf00 }
.corp-accent { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff7200; }

.corp-black-bold-hover{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #000;}
.corp-black-bold-hover:hover{ font-weight: bold; color: #067ab4; text-decoration: underline;}

.gray-submenu {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #666;
 cursor: pointer;
 width: 1%;
 white-space: nowrap
}
.gray-submenu:hover { color: #003366; text-decoration: underline; }

fieldset {width:80%; }
fieldset.corp-green { border: 1px solid #6ebb0d; border-color: #6ebb0d; }
fieldset.corp-red { border: 1px solid #b30a3c; border-color: #b30a3c; }
fieldset.corp-purple { border: 1px solid #810a7e; border-color: #810a7e; }
fieldset.corp-navy { border: 1px solid #0c2577; border-color: #0c2577; }
fieldset.corp-orange { border: 1px solid #ff850d; border-color: #ff850d; }
fieldset.corp-black { border: 1px solid #000; border-color: #000; }
fieldset.corp-white { border: 1px solid #fff; border-color: #fff; }
fieldset.corp-gray { border: 1px solid #666; border-color: #666; }
fieldset.corp-blue { border: 1px solid #067ab4; border-color: #067ab4; }
fieldset.corp-dusty-blue { border: 1px solid #96b1d0; border-color: #96b1d0; }
fieldset.corp-ochre { border: 1px solid #eaab00; border-color: #eaab00; }
fieldset.corp-royal-blue { border: 1px solid #006; border-color: #006; }
fieldset.corp-teal { border: 1px solid #00c7b2; border-color: #00c7b2; }
fieldset.corp-warm-gray { border: 1px solid #cc9; border-color: #cc9; }
fieldset.corp-gold { border: 1px solid #f90; border-color: #DE9C07; }
fieldset.corp-lime { border: 1px solid #b6bf00; border-color: #b6bf00; }
fieldset.corp-accent { border: 1px solid #ff7200; border-color: #ff7200; }

.corp-huge {
 font-size: 28px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #ff850d;
}

.corp-title {
 font-size: 18px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #ff7200;
}

.corp-subtitle {
 font-size: 16px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #ff7200;
}

.featured_cells {
 border:1px solid black;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #000;
 background-image:url(/images/excel_cell_note.png);
 background-repeat:no-repeat;
 background-position:100% 0%;
}

.customers {
 font-size: 14px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #000;
 background-color:#FFCC66;
 border: 2px solid #ffffff;
 border-color: #ffffff;
}

.page-title {
 font-size: 20px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #000;
}

.section-title {
 font-size: 14px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #000;
}

.box {
background-color:#e5eecc;
border:solid #c3c3c3 1px;
margin-left:0px; 
margin: 0 0 0 0;
}

.inside-box {
width:100%;
background-color:#ffffff;
}

.inside-box-unknown {
width:100%;
background-color:#FFFFD2;
}

.link-like { color: #067ab4; text-decoration: underline; }

.no-close .ui-dialog-titlebar-close {  display: none; }

.ui-autocomplete {
 white-space: nowrap;
 max-height: 150px;
 overflow-y: auto;
 overflow-x: hidden;
}

.ui-autocomplete-loading { background: white url('/images/spinner_16x16.gif') right center no-repeat; }

.some_selected {
 opacity: 0.5;
 filter: alpha(opacity=50);
}

.placeholder{ color: #888; }

@media print { .noPrint {display: none;} }

/* LEVEL ONE */
ul.dropdown { position: relative; white-space: nowrap; }
ul.dropdown li { font-weight: bold; float: left; zoom: 1; white-space: nowrap; }
ul.dropdown a:hover { color: black; white-space: nowrap; }
ul.dropdown a:active { color: #FFA500; white-space: nowrap; }
ul.dropdown li a { display: block; padding: 4px 8px; color: #222; white-space: nowrap; }
ul.dropdown li:last-child a { border-right: none; white-space: nowrap; }
ul.dropdown li.hover,ul.dropdown li:hover { background: #F3D673; color: black; position: relative; white-space: nowrap; }
ul.dropdown li.hover a { color: black; white-space: nowrap; }
/* LEVEL TWO */
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; white-space: nowrap; }
ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; white-space: nowrap; }
ul.dropdown ul li a { display: inline-block; white-space: nowrap; }
/* LEVEL THREE */
ul.dropdown ul ul { left: 100%; top: 0; white-space: nowrap; }
ul.dropdown li:hover > ul { visibility: visible; white-space: nowrap; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }


/* Styles for weather feed stuff */

.weatherFeed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 2em 3em;
	width: 280px;
}
.weatherFeed a { color: #888; }
.weatherFeed a:hover {
	color: #000;
	text-decoration: none;
}
.weatherItem {
	padding: 0.8em;
	text-align: right;
}
.weatherCity { text-transform: uppercase; visibility:hidden;}
.weatherTemp {
	font-size: 2.8em;
	font-weight: bold;
}
.weatherDesc, .weatherCity, .weatherForecastDay  { font-weight: bold; }
.weatherDesc { margin-bottom: 0.4em; }
.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem { font-size: 0.8em; }
.weatherLink, .weatherForecastItem {
	margin-top: 0.5em;
	text-align: left;
}
.weatherForecastItem {
	padding: 0.5em 0.5em 0.5em 80px;
	background-color: #fff;
	background-position: left center;
}
.weatherForecastDay { font-size: 1.1em; }

.odd { background-color: #e8e8fc; }
.even { background-color: #d4d4e8; }

.nowrap {white-space:nowrap}

.loading {
    text-align: center;
}

.loadingContent {
	margin-top: 50px;
	margin-bottom: 50px;
}


.Floorplan {
  position: absolute;
  top: 125px;
  left: 30px;
}
.Office {
  position: absolute;
  top: 65px;
  left: 85px;
  width: 150px;
  height: 50px;
  font-size: 0.875em;
}
.OfficeContainer {
  position: absolute;
  top: 65px;
  left: 75px;
  width: 150px;
  height: 75px;
  font-size: 0.875em;
}

.myTable { border-collapse: collapse; clear: both; }
.myTable th, .myTable td { border: 1px solid black; padding: 3px; border-collapse: collapse; }

.smallMap{
 display: block;
 margin-left:10px;
 width: 300px;
 height: 300px;
 -moz-box-shadow: 0px 5px 20px #ccc;
 -webkit-box-shadow: 0px 5px 20px #ccc;
 box-shadow: 0px 5px 20px #ccc;
}

.mediumMap{
 display: block;
 margin-left:10px;
 width: 600px;
 height: 600px;
 -moz-box-shadow: 0px 5px 20px #ccc;
 -webkit-box-shadow: 0px 5px 20px #ccc;
 box-shadow: 0px 5px 20px #ccc;
}

.largeMap{
 display: block;
 margin-left:10px;
 width: 900px;
 height: 700px;
 -moz-box-shadow: 0px 5px 20px #ccc;
 -webkit-box-shadow: 0px 5px 20px #ccc;
 box-shadow: 0px 5px 20px #ccc;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}