/* CSS Document */

/* Screen(Monitor) Accessible Stylesheet */

/***RESETS***/
@import url("/Content/css/yahoo-reset.css");
@import url("/Content/css/yahoo-fonts.css");

/***FOUNDATION***/

html
{
    overflow-y: scroll;
}
:focus
{
    -moz-outline-style: none;
}
.center
{
    margin: 0 auto;
    text-align: center;
}
.center-content
{
    margin-left: auto;
    margin-right: auto;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.tcenter
{
    text-align: center;
}
.tleft
{
    text-align: left;
}
.tright
{
    text-align: right;
}
.nobg
{
    background-image: none;
}
.hidden
{
    display: none;
}

/***TYPOGRAPHY***/
body
{
}
a
{
    -moz-outline-style: none;
    outline: none;
    text-decoration: none;
}
strong
{
    font-weight: bold;
}
h1
{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;
}
h2
{
    font-size: 20px;
    font-weight: bold;
}
h3
{
    font-size: 18px;
    font-weight: bold;
}
h4
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
h5
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 3px;
}
em
{
    font-style: italic;
}
p
{
    padding-bottom: 15px;
}

/***LAYOUT***/
#tooltip
{
    overflow: hidden;
    padding: 2px;
    margin-right: 40px;
}
#tooltip ol
{
}
#tooltip li
{
    list-style: disc inside none;
    padding: 0 5px;
}
#container
{
    margin: 0 auto;
    width: 1005px;
}
#content-container
{
    height: 100%;
    overflow: hidden;
    padding: 13px 53px 15px;
}
#content-full
{
    float: left;
    width: 900px;
}
#content-full .data
{
    margin-top: 40px;
}
#content-full .data #error
{
    padding: 45px 20px 5px 30px;
}
#content-full p
{
    font-size: 12px;
}
#content-left
{
    float: left;
    width: 230px;
}
#error h1
{
    margin-bottom: 10px;
}
#error p
{
}
#error a
{
}
.async-error
{
    background-color: #FFAAAA;
    width: 100%;
}
.async-error .async-error-message
{
    color: #FF4545;
    display: inline-block;
    margin: 10px;
}
.async-error .async-error-icon
{
    margin: 10px;
    vertical-align: top;
}
#navigation-box
{
    width: 230px;
}
#navigation-box .blank-header
{
    height: 3px;
    width: 230px;
}
#navigation-box .content .blue-heading
{
    height: 26px;
    margin: 0 1px;
    padding: 0;
    width: 228px;
}
#navigation-box .content .blue-heading h1
{
    float: left;
    padding: 5px 0 0 40px;
    margin: 0 0 0 5px;
    text-transform: capitalize;
    width: 200px;
    height: 20px;
}
#navigation-box .content .blue-heading.notification h1
{
}
#navigation-box .content .blue-heading.users h1
{
}
#navigation-box .content .blue-heading.talk h1
{
}
#navigation-box .content .blue-heading.subscriber h1
{
}
#navigation-box .content .blue-heading.reports h1
{
}
#navigation-box .content .blue-heading.optimization h1
{
}
#navigation-box .content .blue-heading.notification h1
{
}
#navigation-box .content .blue-heading.health h1
{
}
#navigation-box .content .blue-heading.email h1
{
}
#navigation-box .content .blue-heading.devices h1
{
}
#navigation-box .content .blue-heading.administrative h1
{
}
#navigation-box .content .blue-heading h2
{
    float: left;
    padding: 5px 0 0 7px;
    text-transform: capitalize;
    width: 160px;
}
#navigation-box .content .blue-heading img
{
    float: left;
    padding-left: 2px;
}
#navigation-box .content ul
{
    padding: 5px 5px 5px 10px;
}
#navigation-box .content li
{
    width: 210px;
    height: 15px;
    padding: 3px 0;
    text-transform: capitalize;
    list-style-type: none;
}
#navigation-box .content ul li a
{
    float: left;
    text-decoration: none;
}
#navigation-box .content ul li span
{
    float: right;
}
#navigation-box .content ul li a:hover, a.current
{
}
#navigation-box .content ul li.premiere
{
    margin-right: 10px;
}
#navigation-box .chzn-select, #navigation-box li.chzn span
{
    width: 125px;
}
#navigation-box li.chzn
{
    height: 25px;
}
.sub-navigation
{
    width: 230px;
    height: 28px;
    margin: 10px 0 10px 0;
}
.sub-navigation.device
{
    text-align: center;
    cursor: pointer;
}
.sub-navigation.subscriber
{
    text-align: center;
    cursor: pointer;
}
.sub-navigation.feedback
{
    text-align: center;
    cursor: pointer;
}
.sub-navigation a
{
    padding: 0 0 15px 230px;
    text-indent: -9999px;
    cursor: pointer;
}
#subscriber-select
{
    color: #000;
    margin-bottom: 10px;
    width: 230px;
}
#subscriber-select a:hover
{
}
#subscriber-select .content
{
    height: 85px;
    padding: 5px 5px;
}
#subscriber-select .content a
{
    font-size: 0.9em;
}
#subscriber-selected
{
}
#subscriber-selected .content
{
    height: 20px;
    font-size: 1.1em;
    font-weight: bold;
    padding: 4px 0 0 10px;
}
#content-left #subscriber-select h2
{
    width: 215px;
    font-size: 12px;
    line-height: 12px;
    margin: 1px 0 2px;
    text-transform: capitalize;
    float: left;
}
#subscriber-select .dropdown
{
    float: right;
    width: 220px;
    margin: 2px 1px 10px 0;
}
#subscriber-select select
{
    width: 95%;
}
#content-left .blue
{
}
#content-left .content
{
    padding-right: 5px;
    width: 225px;
}
#content-left .footer
{
    height: 3px;
    width: 230px;
}
#content-left .gradient
{
}
#content-left .grey
{
}
#content-left .grey-header
{
    height: 19px;
    padding: 4px 0 0 5px;
    text-transform: capitalize;
    width: 225px;
}
#content-left .header
{
    height: 3px;
    width: 230px;
}
#content-right
{
    float: right;
    width: 645px;
}
#content-right .loading-animation
{
    float: left;
    margin: 0 4px 0 0;
}
#administrative-box
{
    float: left;
    margin-top:10px;
}
#administrative-box #information-box
{
    float: left;
    margin: 22px 18px 22px 22px;
    width: 440px;
}
#administrative-box #information-box #contact
{
    float: right;
    width: 170px;
    margin-left: 5px;
}
#administrative-box #information-box #contact li
{
    list-style: none;
}
#administrative-box #information-box #contact li a
{
    color: #00aed6;
}
#administrative-box #information-box #contact ul
{
    margin-bottom: 5px;
}
#administrative-box #information-box #message
{
    float: left;
	max-height:200px; /* remove to allow information box to fit reseller body text */
    overflow: hidden;
    text-align: left;
    width: 233px;
    font-size: 1.15em;
    font-weight: bold;
}
#administrative-box #information-box h2 {text-transform:uppercase;}
#administrative-box #information-box h3 {text-transform:uppercase;}
#administrative-box #information-box p {margin-top:5px}
#administrative-box #logo-box {
	float:left;
	height:154px;
	margin:8px 0 10px 10px;
	width:150px;
}
#administrative-box #logo-box table
{
    height: 154px;
    text-align: center;
    width: 150px;
}
#administrative-box .content
{
    overflow: hidden;
    width: 645px;
}
#administrative-box .footer
{
    height: 4px;
    width: 645px;
}
#administrative-box .header
{
    height: 4px;
    width: 645px;
}
#alert-overview
{
    height: 92px;
    background: url("/Content/img/layout/alertoverview-count-bg.png") repeat-x;
    color: #FFFFFF;
}
#alert-overview .header
{
    float: left;
    height: 4px;
    width: 645px;
    background: url("/Content/img/layout/right-box-header.png") no-repeat;
}
#alert-overview .footer
{
    float: left;
    height: 4px;
    width: 645px;
    background: url("/Content/img/layout/right-box-footer.png") no-repeat;
}
#alert-overview table
{
    height: 84px;
    float: left;
}
#alert-overview-counts
{
    width: 150px;
    border-right: solid 2px #A0A0A0;
    font-size: 1.1em;
}
#alert-overview-counts td.count
{
    font-weight: bold;
    padding-right: 10px;
}
#alert-overview-counts td
{
    padding-left: 10px;
}
#alert-overview-counts tr.mid
{
    border-top: solid 2px #A0A0A0;
    border-bottom: solid 2px #A0A0A0;
}
#alert-overview-info
{
    width: 485px;
    margin-left: 10px;
}
#alert-overview-info td
{
    width: 35%;
}
#alert-overview-info thead td
{
    padding: 5px 5px 0px 5px;
    font-weight: bold;
    font-size: 1.1em;
    vertical-align: top;
}
#alert-overview-info thead td img
{
    margin-right: 5px;
}
#alert-overview-info tbody td
{
    padding: 5px 8px 0px 5px;
    font-size: .85em;
    vertical-align: top;
}
.alert-display
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.alert-box .content
{
    float: left;
    height: 40px;
    width: 645px;
}
.alert-box .content table
{
    height: 100%;
}
.alert-box .alert-icon
{
    width: 55px;
    padding-left: 15px;
}
.alert-box .alert-text
{
    padding-top: 1px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 1.5em;
    color: #FFFFFF;
}
.device-alerts ul li.critical
{
    list-style-image: url("/Content/img/layout/CriticalAlert_10x10.png");
}
.device-alerts ul li.urgent
{
    list-style-image: url("/Content/img/layout/GeneralAlert_12x10.png");
}
.device-alerts ul li.notice
{
    list-style-image: url("/Content/img/layout/Information_10x10.png");
}
#content-container #content-right .data-box .footer,.alert-display .footer
{
    float: left;
    height: 4px;
    width: 645px;
}
.alert-overlay
{
    position: absolute;
    z-index: 1;
    left: 15px;
    width: 36px;
    height: 36px;
    opacity:0.75;
    background-repeat:no-repeat;
}
#content-right .data-box .footer-blue
{
    float: left;
    height: 4px;
    width: 645px;
}
#alert-views,.alert-display
{
    width:645px;
}
.alert-display .header
{
    float: left;
    height: 4px;
    width: 645px;
}
.alert-box
{
    height:44px;
    display: block;
    clear:both;
    margin-top:10px;
}
#content-right .data-box
{
    clear:both;
}
#container .blue
{
}
#content-right .data-box .blue-header
{
    border: none;
    display: inline;
    float: left;
    height: 32px;
    padding: 13px 0 0 10px;
    text-transform: capitalize;
    width: 635px;
}

#content-right .data-box .content
{
    float: left;
    width: 645px;
}
#add-device
{
    float:left;
    height:125px;
    margin:0 1px;
    padding: 0 1px 0 30px;
}
#add-device .medium-tooltip
{
    float: left;
    margin: 15px 0 0 0;
}
#add-device .medium-tooltip-white
{
    float: left;
    margin: 15px 0 0 0;
}
#add-device .subscriber
{
    height: 24px;
    margin-right: 1px;
    padding-right: 1px;
    width: 600px;
}
#add-device .subscriber input
{
    float: left;
    width: 205px;
}
#add-device input[type="checkbox"]
{
    float: left;
    margin-top: 18px;
}
#add-device .subscriber label
{
    float: left;
    line-height: 22px;
    margin-right: 20px;
    width: 220px;
}
#add-device .subscriberselect
{
    height: 24px;
    width: 460px;
    float: left;
    margin-right: 15px;
}
#add-device .subscriberselect .dropdown
{
    width: 220px;
    margin: 10px 0 0 0;
}
#add-device-info
{
    float: left;
    margin: 0 1px;
    padding: 15px;
    width: 615px;
}
#add-device-info a
{
}
#add-device-info h1
{
    float: left;
    margin-bottom: 5px;
    text-transform: uppercase;
}
#add-device-info h1 + p
{
    float: left;
    padding-bottom: 10px;
    width: 614px;
}
#add-device-info h2
{
    color: #00AED6;
    float: left;
    margin-left: 20px;
    padding-top: 5px;
    text-transform: capitalize;
    width: 100px;
}
#add-device-info h2 + p
{
    float: left;
    padding: 5px 0 3px;
    width: 560px;
}
#add-device-info h3
{
    float: left;
    margin-bottom: 5px;
    text-transform: capitalize;
}
#add-device-info h3 + p
{
    float: left;
    padding: 5px 0 3px;
    width: 520px;
}
#add-device-info p, #add-device-info ul li p
{
    float: left;
}
#add-device-info ul
{
    float: left;
    padding: 4px 0 15px;
    width: 615px;
}
#add-device-info ul > p
{
    float: left;
    margin: 0 0 10px 30px;
}
#add-device-info ul.steps li
{
    display: inline;
    float: left;
    list-style: none;
    padding: 0 10px 10px 25px;
}
#add-device-info ul.steps li.check
{
    margin: 0 10px 0 5px;
}
#add-device-info ul.steps li.indent
{
    margin-left: 20px;
}
#add-device-info ul.steps li.question
{
    margin-right: 10px;
}
#add-device-info ul.steps li.tool
{
    margin-right: 10px;
}
#add-device-navigation
{
    float: left;
    height: 51px;
    margin: 0 1px;
    width: 643px;
}
#add-device-navigation ul
{
    float: left;
    height: 41px;
    padding-top: 4px;
    width: 520px;
}
#add-device-navigation ul li
{
    display: inline;
    float: left;
    list-style: none;
    padding-left: 5px;
    width: 96px;
}
#add-device-navigation .button
{
    margin-top: 17px;
    float: right;
}
#add-device.success
{
    height: 140px;
    margin: 0 1px;
    padding: 10px 0 0 23px;
    width: 621px;
}
#add-device.success table
{
    border: none;
    width: 596px;
    height: 63px;
}
#add-device.success table tr
{
}
#device-navigation
{
    float: left;
    height: 26px;
    margin: 0 1px;
    width: 643px;
}
#device-navigation a
{
    float: left;
    height: 23px;
    line-height: 19px;
    text-align: center;
    width: auto;
}
#device-navigation .current a
{
}
#device-navigation a:hover
{
    text-decoration: none;
}
#device-navigation ul
{
    float: left;
    height: 26px;
    width: 605px;
}
#device-navigation ul li
{
    display: inline;
    float: left;
    list-style: none;
    margin: 3px 0 0 4px;
    padding: 0 10px;
}
#device-navigation ul li:hover, #device-navigation ul li.current
{
}
#filter-details
{
    float: left;
    height: 20px;
    padding: 6px 5px 0 8px;
    margin: 0 1px;
    width: 630px;
}
#filter-details a
{
    float: left;
    height: 23px;
    padding: 3px 0 0 1px;
    text-align: left;
    width: 27px;
}
#filter-details ul
{
    float: left;
    height: 21px;
    padding: 0 0 10px 0;
    width: 630px;
}
#filter-details ul li
{
    display: inline;
    float: left;
    list-style: none;
    padding: 0 20px 0 0;
}
#filter-details li.expand
{
    float: right;
    width: 10px;
}
#filter-details li.collapse
{
    float: right;
    width: 10px;
}
#filter-details ul li img
{
    float: right;
}
#filter-details ul li strong
{
    text-transform: capitalize;
}
#filter-options
{
    float: left;
    width: 643px;
    margin-left: 1px;
}
#filter-options.bg-container
{
    height: 132px;
}
#filter-options ul
{
    display: inline;
    float: left;
    min-height: 60px;
    padding: 0 10px 0 8px;
    margin: 5px 0 6px 1px;
}

#filter-options ul.rollup-options
{
    display: inline;
    float: left;
    min-height: 0px;
    padding: 15px;
    margin: 5px 0 6px 1px;
}
#filter-options ul li
{
    display: inline;
    float: left;
    margin-right: 15px;
}
#filter-options ul li h1
{
    float: left;
    width: auto;
    padding-bottom: 5px;
}
#filter-options ul li h2
{
    float: left;
    margin-right: 5px;
    text-align: right;
    padding-top: 1px;
}
#filter-options ul li h2.left
{
    text-align: left;
}
#filter-options ul li .small-tooltip
{
    margin: 3px 0 0 8px;
    float: left;
}
#filter-options .dropdown
{
    width: 120px;
    text-decoration: none;
}
#rollup-options .select2-container-multi .select2-choices
{
    max-height: 80px;
    min-height:60px;
    overflow: scroll;
    overflow-x: hidden;
}
#rollup-sensor-reports .select2-container-multi .select2-choices
{
    min-height:60px;
}

/*temp*/#filter-options ul li.video-player
{
    width: 620px;
    text-align: center;
    margin-top: 20px;
}
/*temp*/#filter-options ul li.video-player img
{
    float: none;
}
#filter-options ul li input[type="radio"]
{
    float: left;
    margin: 4px 3px 0 0;
}
#filter-options ul li input[type="text"]
{
    float: left;
    padding: 2px 0 2px 5px;
    width: 55px;
}
#filter-options ul li ul
{
    float: left;
}
#filter-options ul li ul li
{
    float: left;
    margin-top: 5px;
}
#filter-options ul li.button-container
{
    margin-top: 66px;
    width: 50px;
}
#filter-options ul li.button-container .button
{
    float: left;
}
#filter-options .chzn-container
{
    margin: 0;
}
#filter-options .chzn-search input[type="text"]
{
    width: 100%;
}
#filter-options .chzn-results
{
    width: auto;
}
#summary
{
    float: left;
    width: 645px;
}
#summary #information
{
    float: left;
    margin: 10px 0 0 20px;
}
#summary #information h2
{
    margin-right: 10px;
}
#summary #information li
{
    padding: 2px 0;
}
#summary #information ul
{
    float: left;
    margin-left: 10px;
}
#summary #information ul + ul
{
    float: left;
    margin-left: 40px;
}
#summary #visualization
{
    float: right;
    height: 150px;
    margin-right: 30px;
    width: 400px;
}
#chart
{
    text-align: center;
    margin: 5px 4px 0 0;
}
.alert-definition li img
{
    float: left;
    margin-right: 5px;
}
.alert-definition li p
{
    margin-top: 3px;
}
#content-right .data-box .content .data
{
    float: left;
    overflow: hidden;
    width: 645px;
}
#sms .medium-tooltip.telephone
{
    margin: 22px 100px 5px 5px;
}
#sms .medium-tooltip.carrier
{
    margin: 19px 100px 5px 15px;
}
#sms .button
{
    width: 40px;
    float: left;
    margin: 20px 0 5px 10px;
}
#content-right .data-box .green
{
}
#content-right .data-box .greenbg
{
}
#content-right .data-box .grey-header
{
    border: none;
    display: inline;
    float: left;
    height: 32px;
    padding: 13px 0 0 10px;
    text-transform: capitalize;
    width: 635px;
}
#content-right .data-box .grey-header ul
{
    display: inline;
    padding: 4px 5px 0 0;
    height: 16px;
}
#content-right .data-box .grey-header ul li
{
    display: inline;
    padding: 0 4px;
    height: 16px;
    float: left;
}
#content-right .data-box .grey-header p
{
    display: inline;
    height: 16px;
    vertical-align: text-top;
    float: left;
}
#content-right .data-box .grey-header a, #content-right .data-box .blue-header a
{
    float: right;
    font-size: 12px;
    margin: 3px 10px 0 0;
    text-align: left;
}
#content-right .data-box .grey-header h1, #content-right .data-box .blue-header h1
{
    float: left;
    text-align: left;
    text-transform: capitalize;
}
#content-right .data-box .grey-header h2, #content-right .data-box .blue-header h2
{
    float: left;
    margin-left: 20px;
    padding: 0 2px;
}
#content-right .data-box .header
{
    height: 45px;
    text-align: right;
    width: 645px;
}
.pagination
{
    float: left;
    width: 645px;
}
.pagination .page
{
    float: left;
    padding-left: 5px;
    text-align: left;
    width: 280px;
}
.pagination .view
{
    float: right;
    padding-right: 10px;
    text-align: right;
    width: 335px;
}
.pagination a
{
}
.pagination li
{
    display: inline;
    list-style: none;
    padding-left: 2px;
}
.pagination li.current, .pagination li.current a
{
}
.pagination li.none a
{
}
.pagination ul
{
    margin-top: 8px;
}
.popup-message
{
    float: left;
    margin: 8px;
    padding: 4px;
    width: 617px;
}
.popup-message ul
{
    margin: 0 0 2px 10px;
}
.popup-message ul li
{
    padding: 5px 0;
}
.popup-message.hidden
{
    overflow: hidden;
}
#container .red
{
}
.bluebg
{
    margin: 5px;
    padding: 5px;
}
.static-message
{
    width: 610px;
    padding: 5px;
    margin: 8px 8px 5px 8px;
    float: right;
}
.device-message
{
    width: 633px;
    padding: 5px;
    margin: 0 1px;
    float: left;
}
.device-message ul
{
    padding-left: 50px;
}
.device-message h3
{
}
#content-right .data-box .redbg
{
    margin: 5px;
    padding-left: 5px;
}
#container .yellow
{
}
#content-right .data-box .yellowbg
{
    margin: 5px;
    padding-left: 5px;
}
#content-right .data-box li
{
    list-style: none;
}
#content-right .data-box ol
{
    margin: 0 1px;
    padding: 5px 5px 5px 15px;
}
#content-right .data-box.blank h1
{
    color: #00AED6;
}
#content-right .data-box.blank p
{
    padding-bottom: 10px;
}
#content-right .data-box.blank p + h3
{
    margin: 10px 1px 0 0;
}
#content-right .data-box.blank h4 a
{
    margin-bottom: 10px;
    color: Black;
    text-decoration: none;
}
#content-right .data-box.blank h4
{
    margin-top: 0;
}
#content-right .data-box.blank p + strong
{
    padding: 10px 1px 0 0;
}
#content-right .data-box.blank ul
{
    margin: 0 1px 0 0;
    padding: 2px 5px 10px 0;
}
#content-right .data-box.blank ul li
{
    list-style: none;
    margin: 0 5px 5px 0;
    padding-left: 0;
}
#content-right .data-box.blank ul li ul
{
    margin: 0 1px 0 0;
    padding: 2px 5px 10px 0;
}
#content-right .data-box.blank ul li ul li
{
    list-style: disc;
    margin: 2px 5px 10px 25px;
    padding-left: 5px;
}
#content-right .data-box.blank ul li ul li:last-child
{
    /*list-style:disc;*/
    margin: 2px 5px 0 25px;
    padding-left: 5px;
}
#content-right .data-box.blank ul li ul li ul li
{
    list-style: disc;
    margin: 2px 5px 0 25px;
    padding-left: 5px;
}
#content-right .data-box.blank ul li strong a
{
    text-decoration: none;
    color: black;
}
#content-right .data-box.blank ul li ul li ol li
{
    list-style-type: decimal;
    margin-top: 5px;
}
#content-right .data-box.blank ol
{
    margin: 0 1px 10px 20px;
    padding: 0 5px 5px 5px;
}
#content-right .data-box.blank ol li
{
    list-style: decimal;
    margin-top: 10px;
}
#content-right .data-box.blank ol li ul li
{
    list-style: disc;
    margin-top: 0;
}
#content-right .data-box.blank ol li p
{
    padding-top: 0;
}
#content-right .data-box.blank ol li.sub
{
    list-style: decimal -50px;
    margin-top: 0;
}
#content-right .data-box.blank ol li.sub ol
{
    list-style: none;
    margin: 0 1px 0 20px;
}
#content-right .data-box.blank ol li ol li
{
    list-style-type: lower-alpha;
    margin-top: 2px;
}
#policy h1
{
}
#footer-container
{
    height: 75px;
    padding-top: 50px;
}
#footer-container #footer
{
    margin: 0 auto;
    text-align: center;
}
#footer-container #footer li
{
    display: inline;
    margin-left: 5px;
}
#footer-container #footer li a
{
    padding-bottom: 5px;
    text-transform: uppercase;
}
#footer-container #footer li img
{
    position: relative;
    text-transform: uppercase;
    top: 8px;
}
#footer-container #footer li.large
{
}
#footer-container #footer ul
{
    list-style: none;
    margin: 0 auto;
}
#footer-container #footer ul.copyright
{
    width: 580px;
    margin: 20px auto 0 auto;
    padding-right: 40px;
    list-style: none;
    text-align: center;
}
#footer-container #footer ul.copyright li
{
}
#footer-container .footer-logo
{
    padding: 11px 132px 8px 0;
}
#heading-container
{
    height: 89px;
    padding: 0 28px 9px;
}
#heading-container #account-info
{
    height: 22px;
    padding-top: 5px;
}
#heading-container #account-info li
{
    display: inline;
    margin: 0 4px 0 5px;
    padding-bottom: 5px;
}
#heading-container #account-info li a
{
}
#heading-container #account-info li.user
{
}
#heading-container #account-info ul
{
    float: right;
    list-style: none;
}
#menu-container
{
    height: 71px;
}
#menu-container #logo-tab
{
    float: left;
    height: 60px;
    margin-bottom: 3px;
    max-height: 61px;
    min-height: 61px;
}
#menu-container #logo-tab img
{
    max-height: 50px;
}
#menu-container #logo-tab table
{
    height: 61px;
    text-align: center;
}
#menu-container #logo-tab-left
{
    float: left;
    height: 61px;
    width: 27px;
}
#menu-container #logo-tab-right
{
    float: left;
    height: 61px;
    width: 27px;
}
#menu-container #menu-buttons
{
    float: left;
    height: 61px;
}
#menu-container #menu-buttons a
{
    padding: 7px 15px;
    text-decoration: none;
    float: left;
}
#menu-container #menu-buttons a:hover
{
}
#menu-container #menu-buttons li
{
    display: inline;
    float: left;
    height: 34px;
    list-style: none outside none;
    margin-left: 2px;
    text-align: center;
    vertical-align: text-bottom;
}
#menu-container #menu-buttons li.current a, #content-container #content-left a
{
}
#menu-container #menu-buttons ul
{
    margin-top: 28px;
}
#menu-container #menu-buttons ul li:hover, #menu-container #menu-buttons ul li.current
{
    float: left;
}

#menu-container #menu-buttons ul li.inactive, #menu-container #menu-buttons ul li.inactive:hover
{
    cursor: default;
}

/*Resources*/
#menu-container #menu-buttons #resources a
{
    padding-left: 30px;
}
#menu-container #menu-buttons #resources a:hover
{
}
#menu-container #menu-buttons #resources
{
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
}
#menu-container #menu-buttons ul li #resources:hover, #menu-container #menu-buttons ul li #resources.current
{
}
/*Day/Night*/
.day-night h1
{
}
.day-night h2
{
    margin-left: 5px;
}
.day-night h3
{
    width: 120px;
    padding-right: 10px;
    float: left;
    text-align: right;
}
.day-night h4
{
    padding: 0 5px;
    float: left;
}
.day-night .data-box .content table
{
    float: left;
    margin: 0 1px;
    overflow: hidden;
    width: 633px;
}
.day-night input
{
    float: left;
    margin: 0 10px;
}
.day-night tr.images
{
    margin-left: 2px;
}
.day-night tr.even
{
    border-bottom: 1px solid #bcbdc0;
    padding: 0;
}
#content-right .data-box .content .data .day-night table
{
    width: 637px;
}
#content-right .data-box .content .data .day-night td
{
    padding: 6px 0 4px 4px;
}
.day-night tr.odd
{
    border-bottom: 1px solid #bcbdc0;
    padding: 0;
}
.day-night tr.images td
{
    width: 149px;
    padding-left: 6px;
}
.day-night td
{
    padding: 6px 0;
}
.day-night li
{
    display: inline;
    float: left;
    padding: 0px 5px 5px 5px;
}
.day-night li span
{
    float: left;
    padding-right: 4px;
}
.day-night input[type="checkbox"]
{
    float: right;
    margin-top: 2px;
}

/*FAQ*/
.faq h1
{
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.faq h1 a
{
    text-decoration: none;
}
.faq li li.top
{
    display: block;
    list-style-type: none;
    padding-left: 10px;
    text-align: right;
}
.faq li li.top a
{
    padding-right: 35px;
}
.faq li ol
{
    margin-left: 18px;
}
.faq li ol a
{
}
.faq li ol ol li
{
}
.faq li ul
{
    list-style-type: none;
    margin-bottom: 3px;
}
.faq li.answer
{
    margin: 5px 0 10px;
    padding: 15px 0 15px 15px;
}
#content-right .data-box .faq li.answer ul.note
{
    margin: 5px 0 3px 0;
    padding: 0;
    list-style: none;
}
#content-right .data-box .faq li.answer ul.blank
{
    margin: 5px 0 3px 0;
    padding: 0;
    list-style: none;
}
#content-right .data-box .faq li.answer ul.blank li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#content-right .data-box .faq li.answer ul.note li
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-style: italic;
}
.faq li.question
{
}
.faq p
{
    line-height: 16px;
    margin: 5px 0 0 0;
}
.faq ul
{
    margin: 10px;
}
.faq ul li li
{
    margin: 5px 0 3px 10px;
}

.faq .example-image
{
    margin: 10px 0 0 40px;
}


/*Reseller Dashboard*/

#dashboard-alerts
{
    padding: 5px 10px 0 10px;
}
#dashboard-alerts ul li
{
    display: block;
    width: 625px;
    height: 35px;
    border-bottom: 1px solid #bcbdc0;
}
#dashboard-alerts ul li:last-child
{
    border-bottom: none;
    padding:5px 0 5px 0;
}
#dashboard-alerts ul li img
{
    display: inline;
    float: left;
}
#dashboard-alerts ul li span.text
{
    width: 310px;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    float: left;
    padding-left: 10px;
}
#dashboard-alerts ul li span.button
{
    float: right;
    margin: 6px 0 6px 10px;
}

/*Subscriber Dashboard*/
#subscriber-header
{
    margin-bottom: 10px;
    float: left;
}
#subscriber-header img
{
    float: left;
}

#subscriber-dashboard .roll-up, #subscriber-dashboard .day-night
{
    padding: 0;
    text-align: center;
}

.quick-links img
{
    margin-bottom: 10px;
}
#content-left .add-device-dashboard
{
    margin: 0 5px;
}
#content-left .add-device-dashboard li
{
    height: 30px;
    clear: both;
}
#content-left .add-device-dashboard li.add-subscriber-link
{
    height: 10px;
}
#content-container #content-left .add-device-dashboard li.add-subscriber-link a
{
    color: #00AED6;
    width: 197px;
    text-align: right;
    text-decoration: underline;
}
#content-left .add-device-dashboard li.add-subscriber-link a
{
    width: 197px;
    text-align: right;
    text-decoration: underline;
}
#content-left .add-device-dashboard li span.button
{
    float: left;
}
#content-left .add-device-dashboard li.subscriber-selection label
{
    width: 240px;
}
#content-left .add-device-dashboard li.subscriber-selection .ui-selectmenu
{
    min-width: 197px;
    text-align: left;
}
#content-left .add-device-dashboard li.subscriber-selection .ui-selectmenu span
{
    float: left;
}
#content-left .add-device-dashboard label
{
    float: left;
}
#content-left .add-device-dashboard input
{
    float: left;
    width: 195px;
}
#content-left .add-device-dashboard select
{
    float:left;
    width:197px;
}
#content-right .data-box .blank-header-short
{
    height: 45px;
    text-align: right;
    width: 317px;
}
#content-right .data-box .grey-header-short
{
    border: none;
    display: inline;
    float: left;
    height: 32px;
    padding-top: 13px;
    text-transform: capitalize;
    width: 317px;
}
#content-right .data-box .grey-header-short h1
{
    float: left;
    padding-left: 10px;
    text-align: left;
    text-transform: capitalize;
}
#content-right .data-box .content-short
{
    margin-right: 5px;
    width: 317px;
}
#content-right .data-box .content-short img
{
    margin-left: 1px;
    text-align: center;
}
#content-right .data-box .footer-short
{
    float: left;
    height: 4px;
    width: 317px;
}
#content-right .data-box .content .device-name
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}
#content-right .data-box #column-1
{
    float: left;
    width: 310px;
    padding: 10px 10px 0 0;
}
#content-right .data-box #column-1 .button
{
    margin-top: 10px;
    float: left;
}
#content-right .data-box #column-1 .increase-sales
{
    float: left;
}
#content-right .data-box #column-1 .multi-money-bag
{
    float: left;
}
#content-right .data-box #column-1 .money-bag-list li
{
    float: left;
    padding: 5px 0 0 0;
}
#content-right .data-box #column-2
{
    float: right;
    width: 310px;
    padding: 10px 0 0 10px;
    border-left: 1px solid lightgrey;
}
#content-right .data-box #column-1 li, #content-right .data-box #column-2 li
{
    float: left;
    padding: 0 0 15px 0;
    margin: 0;
    list-style: none;
}
#content-right .data-box #column-2 li h3
{
    font-size: 12px;
    font-weight: bold;
}
#content-right .data-box #column-2 ul li h2
{
    font-size: 14px;
    font-weight: bold;
}
#content-right .data-box #column-2.dashboard ul li.heading, #content-right .data-box #column-2.subscribers ul li.heading
{
    padding: 0 0 0 5px;
    height: 20px;
}
#content-right .data-box #column-2.accounts ul li.heading
{
    height: 40px;
}
#content-right .data-box #column-2 ul li
{
    padding: 0 0 15px 0;
    height: 70px; /* modified 1-7-2014 for dashboard new features */
    width: 300px;
}
#content-right .data-box #column-2 ul li.button
{
    padding-left: 10px;
    height: 20px;
}
#content-right .data-box #column-2 ul.resource-list
{
    padding-top: 15px;
}
#content-right .data-box #column-2 ul.resource-list li
{
    width: 270px;
}

/***#column-2 SUBSCRIBERS, RESOURCES, ACCOUNTS***/
#content-right .data-box #column-2.subscribers ul li, #content-right .data-box #column-2.accounts ul li, #content-right .data-box #column-2.resources ul li
{
    height: auto;
}
#content-right .data-box #column-2 ul li ul li
{
    list-style-type:square;
    padding:5px 0;
}
#content-right .data-box #column-2 a, #content-right .data-box #column-1 a
{
}

/***FORMS***/

select.dropdownNew 
{
	height: 20px;
	margin: 10px 0px 5px 0;
	padding: 2px 0 2px 5px;
}



form #add-device input[type="text"], input[type="password"]
{
    display: block;
    float: left;
    height: 18px;
    margin: 10px 15px 5px 0;
    padding: 2px 0 2px 5px;
    text-align: left;
    width: 213px;
}
form #add-device label
{
    display: block;
    float: left;
    height: 24px;
    margin: 7px 20px 0 0;
    text-align: right;
    text-transform: capitalize;
    width: 220px;
}
#content-right .data-box .content .ddnsurl
{
    width: 360px;
}
form .checkbox, .radio
{
    border: none; /*	clear:left;*/
    display: block;
    float: left;
    height: 15px;
    margin: 0 auto;
    width: 15px;
}
form .long
{
    width: 220px;
}
form .medium, form.general .medium
{
    width: 175px;
}
form .radio
{
}
form .select
{
    cursor: pointer;
    height: 17px;
    overflow: hidden;
    padding: 5px 0 0 5px;
    position: absolute;
    text-transform: capitalize;
}
form .small
{
    width: 129px;
}
form input[type="checkbox"]
{
    border: none;
    margin: 0;
    padding: 0;
}
form option
{
}
form textarea
{
    float: left;
    height: 130px;
    margin-top: 15px;
    overflow: auto;
    padding: 4px;
    text-align: left;
    width: 212px;
}
form.general
{
    margin: 0 10px 5px;
    width: 645px;
    float: left;
}
form.general span.subtext
{
    display: block;
    margin: 5px 10px 5px 10px;
    width: 395px;
    float: right;
}
form.general .button
{
    float: right;
    margin: 10px 0 5px;
    overflow: hidden;
    width: 405px;
}
form.general .terms
{
	float:right;
	margin-top:15px;
	overflow:hidden;
	width:370px;
}

form.general .terms-span
{
	margin-left:10px;
	vertical-align:top;
}
form.general a.medium-tooltip
{
    float: left;
    margin: 19px 0 0 15px;
}
form.general a.medium-tooltip-white
{
    float: left;
    margin: 19px 0 0 15px;
}
form.general .device-status
{
    float: left;
}
form.general .device-status input[type="checkbox"], form.general .subscriber-status input[type="checkbox"]
{
    float: left;
    margin: 17px 0 0 5px;
    height: auto;
}
form.general input[type="text"]:active
{
}
form.general .line
{
    float: left;
    height: 5px;
    margin: 10px 142px 0;
    width: 350px;
}
form.general .logo
{
    float: left;
    margin: 10px 0 5px;
    min-height: 40px;
    width: 645px;
}
form.general .logo img
{
    float: left;
    margin-top: 8px;
}
form.general .logo label
{
    float: left;
}
form.general .long
{
    width: 215px;
}
form.general .product
{
    width: 100px;
    min-height: 30px;
    margin: 10px 150px 0 0;
}
form.general .selection-inline
{
    margin-left: 10px;
}
form.general .selection
{
    display: inline;
    float: left;
    margin-top: 15px;
    text-align: left;
}
.selection.timezone 
{
    width: 300px;
}
form.general .selection.timezone .dropdown
{
    width: 350px;
}
form.general .selection .dropdown
{
    width: 125px;
}
form.general .selection + .required
{
    float: left;
    height: 19px;
    margin: 15px 0 0 8px;
    padding-top: 5px;
}
form.general .small
{
    margin-top: 15px;
    width: 129px;
}
form.general .spacer
{
    float: left;
    height: 8px;
    width: 600px;
}
form.general a img
{
    margin: 0 15px 0 8px;
}
form.general a.ddns
{
    margin: 16px 0 0 6px;
    outline: medium none;
    float: left;
}
form.general a.ddns img
{
    text-decoration: none;
    margin: 0 15px 0 8px;
}
form.general a.slide
{
    float: left;
    margin: 15px 0 0 240px;
    text-align: left;
    width: 405px;
}
form.general img
{
    margin-left: 10px;
}
form.general input:focus
{
}
form.general input[type="text"], input[type="password"], form.login input[type="text"], input[type="password"], input.form-text
{
    display: block;
    float: left;
    height: 18px;
    margin: 15px 0 0;
    padding: 2px 0 2px 5px;
    text-align: left;
    width: 215px;
}
form.general input[type="text"].short, input[type="password"].short, form.login input[type="text"].short, input[type="password"].short
{
    display: block;
    float: left;
    height: 18px;
    margin-top: 15px;
    padding: 2px 0 2px 5px;
    text-align: left;
    width: 50px;
}
form.general label
{
    display: block;
    float: left;
    height: 24px;
    margin: 10px 20px 0 0;
    text-align: right;
    text-transform: capitalize;
    width: 220px;
}
form.general span.device-info
{
    display: block;
    float: left;
    height: 24px;
    margin: 19px 20px 0 0;
    width: 250px;
}
form.general span.info
{
    color: #727373;
    float: left;
    height: 10px;
    padding-top: 2px;
    text-align: right;
    width: 457px;
}
form.general span.required
{
    float: left;
    font-size: 18px;
    height: 19px;
    margin: 15px 0 0 8px;
    padding-top: 5px;
}
form.general #Name, #Location
{
    width: 343px;
}
form.general.vis-disable input[disabled]
{
}
form.login .line
{
    float: right;
    height: 5px;
    margin: 16px 30px 0 0;
    width: 280px;
}
form.login input[type="checkbox"]
{
    border: none;
    float: left;
    margin-top: 18px;
}
form.login label
{
    display: block;
    float: left;
    height: 24px;
    margin: 10px 20px 0 0;
    text-align: right;
    text-transform: capitalize;
    width: 130px;
}
form.login span.info
{
    float: left;
    height: 10px;
    margin-bottom: 10px;
    padding-top: 2px;
    text-align: right;
    width: 332px;
}
form.login, form.login.reset
{
    float: right;
    margin-bottom: 10px;
    width: 380px;
}
form.login.main
{
    float: right;
    margin: 40px 0 10px;
    width: 380px;
}
form.general .thresholds
{
    width: 400px;
    margin-top: 18px;
    float: left;
}
form.general .thresholds p
{
    padding: 5px 0;
}
form.general .thresholds-checkbox
{
    width: 300px;
}
form.general .thresholds-checkbox span
{
    margin-left: 10px;
}
form.general .thresholds-message
{
}
form.general .thresholds-message p
{
    float: left;
    padding: 5px 0;
    margin: 0;
}
form.general .thresholds-slider
{
    float: left;
    width: 350px;
}
form.general .thresholds-slider .first
{
    float: left;
    position: relative;
    margin: 4px 5px 0 1px;
}
form.general .thresholds-slider .last
{
    float: left;
    position: relative;
    margin: 4px 5px 0 5px;
}
form.general .thresholds-slider input[type="text"]
{
    display: inherit;
    float: left;
    height: 14px;
    margin: 0 10px;
    padding: 2px 0 2px 5px;
    text-align: left;
    width: 30px;
}
form.general .remote-connection
{
    float: right;
}
form.general .remote-connection ul
{
    margin-top: 18px;
}
form.general .remote-connection ul li
{
    width: 402px;
    height: 25px;
    text-align: left;
}
form.general .remote-connection input[type="radio"]
{
    margin-right: 10px;
}
form.general .remote-connection input[type="text"]
{
    width: 200px;
    margin: 5px 0 0 24px;
}
form.general.registration
{
    width: 458px;
    margin: 20px auto 0;
}
form.general.registration h2
{
    margin: 10px 0;
    color: #2970b6;
    font-size: 16px;
}
form.general.registration p
{
    font-size: 12px;
}
form.general.registration h3
{
    float: left;
    width: 530px;
    margin: 30px 0 0 70px;
}
form.general.registration label
{
    width: 210px;
    float: left;
}
form.general.registration .button
{
    width: 370px;
}
form.general .chzn-search input[type="text"]
{
    width: 100%;
    height: 22px;
    margin-bottom: 4px;
}
form.login.select
{
    width: 615px;
}
form.login.select h3
{
}
form.login.select .resellername
{
    color: #2970B6;
    font-size: 16px;
    font-weight: bold;
    list-style: none outside none;
}
form.login.select .container
{
    float: left;
    margin: 10px auto 20px;
    width: 100%;
}
form.login.select .logo
{
    float: left;
    text-align: right;
    width: 225px;
    margin: 5px 25px 25px 0;
}
form.login.select .user
{
    list-style: none;
    margin: 5px 0 0 5px;
}
form.login.select .user a
{
}
#content-right .data-box form.general .file
{
    margin-top:15px;
}
#content-right .data-box form.general .file-button
{
    padding: 3px 0 3px 3px;
}
#content-right .data-box form.general .file-button input
{
    cursor: pointer;
}
#content-right .data-box form.general .file:focus
{
    cursor: pointer;
}

/*Table*/
#content-right .data-box .content .data .alert img
{
    margin: 0 5px -1px 0;
}
#content-right .data-box .content .data .alert ul
{
    margin-bottom: 5px;
}
#content-right .data-box .content .data .alert ul li
{
    list-style: none;
}
#content-right .data-box .content .data .product
{
    text-align: center;
}
#content-right .data-box .content .data .product img
{
    margin: 0;
    padding: 5px 0;
    text-align: center;
}
#content-right .data-box .content .data .status img
{
    vertical-align: text-top;
}
#content-right .data-box .content .data .status p
{
    margin-left: 13px;
    text-align: center;
}
#content-right .data-box .content .data .status ul
{
    text-align: left;
}
#content-right .data-box .content .data .status ul li
{
    display: inline;
    list-style: none;
}
#content-right .data-box .content .data table
{
    float: left;
    margin: 0 1px;
    overflow: hidden;
    width: 643px;
}
#content-right .data-box .content .data table.childtable
{
    float: left;
    overflow: hidden;
    width: 639px;
}
#content-right .data-box .content .data tr.even
{
    padding: 4px 0;
    width: 643px;
}
#content-right .data-box .content .data tr.even.redbg, #content-right .data-box .content .data tr.odd.redbg
{
    float: none;
    padding: 4px 0;
    width: 643px;
}
#content-right .data-box .content .data tr.odd
{
    padding: 4px 0 4px 8px;
    width: 643px;
}
#content-right .data-box .content .data tr:hover
{
    cursor: default;
}
#content-right .data-box .content .data tr.hoverlink
{
    cursor: pointer;
}
#content-container #content-right .data-box .content .data tr.selected
{
}
#content-right .data-box .content .data .childtable tr.even
{
}
#content-right .data-box .content .data .childtable tr.odd
{
}
#content-right .data-box .content .data td
{
    padding: 4px 0 4px 5px;
}
#content-right .data-box .content .data th
{
    height: 26px;
    padding-left: 8px;
    text-align: left;
    text-transform: uppercase;
}
#content-right .data-box .content .data td.expand-device-event
{
    width: 28px;
}
#content-right .data-box .content .data th.headerSortDown
{
}
#content-right .data-box .content .data th.headerSortUp
{
}
#content-right .data-box .content .data th.nosort, #content-right .data-box .content .data th.nosort:hover
{
    cursor: default;
}
#content-right .data-box .content .data th.nosort-spacer
{
    cursor: default;
}
#content-right .data-box .content .data th.select
{
    height: 21px;
    padding: 5px 5px 0;
    width: 18px;
}
#content-right .data-box .content .data th.thcheckbox
{
    width: 20px;
}
#content-right .data-box .content .data th.thlong
{
    width: 320px;
}
#content-right .data-box .content .data th.thmedium
{
    width: 160px;
}
#content-right .data-box .content .data th.thmedium-small
{
    width: 130px;
}
#content-right .data-box .content .data th.thsmall
{
    width: 50px;
}
#content-right .data-box .content .data th:hover
{
    cursor: pointer;
}
#content-right .data-box .content .data tr.even.redbg a, #content-right .data-box .content .data tr.odd.redbg a
{
}
#content-right .data-box .content .data tr.even.redbg li.grey-button a, #content-right .data-box .content .data tr.odd.redbg li.grey-button a
{
}
#content-right .data-box .content .data tr.even.redbg td.product img, #content-right .data-box .content .data tr.odd.redbg td.product img
{
}
#content-right .data-box .content .data table.childtable
{
    width: 639px;
}
#content-right .data-box .content .data table.childtable tr:hover
{
    background: none;
}
#content-right .data-box .content .data td.childtablewrapper
{
    padding: 1px 1px 3px 1px;
}
#content-right .data-box .content .data td.childtablewrapper ul.notifications
{
    padding: 10px 0;
    width: 620px;
    height: 20px;
}
#content-right .data-box .content .data td.childtablewrapper ul.notifications li.title
{
    font-weight: bold;
    width: 95px;
}
#content-right .data-box .content .data td.childtablewrapper ul.notifications li
{
    float: left;
    display: inline;
    width: 60px;
}
#content-right .data-box .content .data td.childtablewrapper ul#notification-buttons
{
    float: right;
}
#content-right .data-box .content .data td.childtablewrapper ul#notification-buttons li
{
    height: 20px;
}
#content-right .data-box .content .data td.childtabletdcheckbox
{
    width: 20px;
    text-align: right;
}
#content-right .data-box .content .data td.childtabletdspacer
{
    width: 1px;
}
#content-right .data-box .content .data td.childtabletdendspacer
{
    width: 19px;
}
#content-right .data-box .content .data td.childtabletdlong
{
    width: 324px;
}
#content-right .data-box .content .data td.childtabletdsmall
{
    width: 48px;
}
#content-right .data-box .content .data a.toggleEvents
{
    height: 10px;
    width: 11px;
    float: left;
    margin: 2px 4px;
}
#content-right .data-box .content .data a.expand
{
    cursor: pointer;
}
#content-right .data-box .content .data a.collapse
{
    cursor: pointer;
}
.qtycolumn
{
    text-align: right;
    width: 83px;
}
#content-right .data-box .content .data td.datecolumn, #content-right .data-box .content .data td.qtycolumn
{
    text-align: right;
    width: 76px;
    padding-right: 5px;
    text-align: left;
}

.timecolumn, .timechildcolumn
{
    text-align: right;
    width: 69px;
}
/***LOGON***/
.thin #content-container
{
    padding: 13px 28px 15px;
}
.thin #container
{
    margin: 0 auto;
    width: 675px;
}
.thin #content-container #content-left
{
    float: left;
    height: 200px;
    margin: 0;
    padding: 0 0 0 28px;
    width: 205px;
}
#content-container #content-left td
{
    height: 220px;
    text-align: center;
    width: 200px;
}
.thin #content-container #content-right
{
    float: right;
    height: 100%;
    margin: 0px;
    overflow: hidden;
    padding: 0px 10px 0px 0px;
    width: 370px;
}
.thin #content-container #content-left img
{
    margin: 0 auto;
    text-align: center;
}
.thin #content-container #content-right h2
{
    margin: 0 0 10px 0;
}
.thin #content-container #content-right p
{
    margin: 0 0 10px 0;
}
.thin #content-container #content-right ul
{
    padding-left: 15px;
}
.thin #content-container #content-right li
{
    margin-top: 5px;
}
.thin #footer-container
{
    height: 75px;
    padding-top: 50px;
}
.thin #footer-container #footer ul
{
    width: 380px;
    margin: 0 auto;
}
.thin #footer-container #footer ul.copyright
{
    padding: 0;
    margin: 15px auto 0 auto;
}
.thin .popup-message
{
    float: left;
    margin: 0 0 20px 8px;
    padding: 4px;
    width: 590px;
}
#content-right .recovery-list
{
    list-style-position: outside;
}
#login-buttons
{
    float: left;
    margin: 10px 0 0 150px;
    overflow: hidden;
    width: 200px;
}
#login-buttons .lost-password
{
    float: left;
    margin: 2px 0 0 25px;
}
/***BUTTONS***/

.button a
{
    display: block;
    margin-right: 10px;
    float: left;
    text-indent: -9999px;
    cursor: pointer;
}
/* Blue Buttons */
/*save*/
.button a.save-blue
{
    width: 37px;
    height: 18px;
}
.button a.save-blue:hover
{
}
.button a.save-blue:active
{
}
/*update*/
.button a.update-blue
{
    width: 51px;
    height: 18px;
}
.button a.update-blue:hover
{
}
.button a.update-blue:active
{
}
/*apply*/
.button a.apply-blue
{
    width: 43px;
    height: 18px;
}
.button a.apply-blue:hover
{
}
.button a.apply-blue:active
{
}
/*back*/
.button a.back-blue
{
    width: 37px;
    height: 18px;
}
.button a.next-blue:hover
{
}
.button a.next-blue:active
{
}
/*next*/
.button a.next-blue
{
    width: 36px;
    height: 18px;
}
.button a.next-blue:hover
{
}
.button a.next-blue:active
{
}

/*next device*/
.button a.next-device-blue
{
    width: 85px;
    height: 18px;
}
.button a.next-blue:hover
{
}
.button a.next-blue:active
{
}

/*login*/
.button a.login-blue
{
    width: 41px;
    height: 18px;
}
.button a.login-blue:hover
{
}
.button a.login-blue:active
{
}
/*create*/
.button a.create-blue
{
    width: 52px;
    height: 18px;
}
.button a.create-blue:hover
{
}
.button a.create-blue:active
{
}
/*finish*/
.button a.finish-blue
{
    width: 42px;
    height: 18px;
}
.button a.finish-blue:hover
{
}
.button a.finish-blue:active
{
}
/*submit*/
.button a.submit-blue
{
    width: 49px;
    height: 18px;
}
.button a.submit-blue:hover
{
}
.button a.submit-blue:active
{
}
/*test*/
.button a.test-blue
{
    width: 36px;
    height: 18px;
}
.button a.test-blue:hover
{
}
.button a.test-blue:active
{
}
/*submit*/
.button a.submit-blue
{
    width: 49px;
    height: 18px;
}
.button a.submit-blue:hover
{
}
.button a.submit-blue:active
{
}
/*more options*/
.button a.more-options-blue
{
    width: 96px;
    height: 18px;
}
.button a.more-options-blue:hover
{
}
.button a.more-options-blue:active
{
}
/*hide options*/
.button a.hide-options-blue
{
    width: 96px;
    height: 18px;
}
.button a.hide-options-blue:hover
{
}
.button a.hide-options-blue:active
{
}
/*View Report*/
.button a.view-report-blue
{
    width: 88px;
    height: 18px;
}
.button a.view-report-blue:hover
{
}
.button a.view-report-blue:active
{
}
/*View More*/
.button a.view-more-blue
{
    width: 73px;
    height: 18px;
}
.button a.view-more-blue:hover
{
}
.button a.view-more-blue:active
{
}
/*Provide Feedback*/
.button a.provide-feedback-blue
{
    width: 121px;
    height: 18px;
}
.button a.provide-feedback-blue:hover
{
}
.button a.provide-feedback-blue:active
{
}
/*View Now*/
.button a.view-now-blue
{
    width: 67px;
    height: 18px;
}
.button a.view-now-blue:hover
{
}
.button a.view-now-blue:active
{
}
/*Add Device*/
.button a.add-device-blue
{
    width: 93px;
    height: 18px;
}
.button a.add-device-blue:hover
{
}
.button a.add-device-blue:active
{
}
/*save*/
.button a.add-blue
{
    width: 37px;
    height: 18px;
}
.button a.add-blue:hover
{
}
.button a.add-blue:active
{
}
/*collapse*/
.button a.collapse-blue
{
    width: 17px;
    height: 9px;
}
.button a.collapse-blue:hover
{
}
.button a.collapse-blue:active
{
}
/*expand*/
.button a.expand-blue
{
    width: 17px;
    height: 9px;
}
.button a.expand-blue:hover
{
}
.button a.expand-blue:active
{
}
/*open*/
.button a.open-blue
{
    width: 50px;
    height: 18px;
}
.button a.add-blue:hover
{
}
.button a.add-blue:active
{
}
/* Grey Buttons */
/*save*/
.button a.save-grey
{
    width: 37px;
    height: 18px;
}
.button a.save-grey:hover
{
}
.button a.save-grey:active
{
}
/*update*/
.button a.update-grey
{
    width: 51px;
    height: 18px;
}
.button a.update-grey:hover
{
}
.button a.update-grey:active
{
}
/*apply*/
.button a.apply-grey
{
    width: 43px;
    height: 18px;
}
.button a.apply-grey:hover
{
}
.button a.apply-grey:active
{
}
/*back*/
.button a.back-grey
{
    width: 37px;
    height: 18px;
}
.button a.next-grey:hover
{
}
.button a.next-grey:active
{
}
/*next*/
.button a.next-grey
{
    width: 36px;
    height: 18px;
}
.button a.next-grey:hover
{
}
.button a.next-grey:active
{
}
/* Red Buttons */
/*clear*/
.button a.clear-red
{
    width: 45px;
    height: 18px;
}
.button a.clear-red:hover
{
}
.button a.clear-red:active
{
}
/*default*/
.button a.default-red
{
    width: 57px;
    height: 18px;
}
.button a.default-red:hover
{
}
.button a.default-red:active
{
}
/*cancel*/
.button a.cancel-red
{
    width: 53px;
    height: 18px;
}
.button a.cancel-red:hover
{
}
.button a.cancel-red:active
{
}
/*delete*/
.button a.delete-red
{
    width: 50px;
    height: 18px;
}
.button a.delete-red:hover
{
}
.button a.delete-red:active
{
}
/*edit small*/
.button a.edit-grey
{
    width: 29px;
    height: 15px;
}
.button a.edit-grey:hover
{
}
.button a.edit-grey:active
{
}
/*new small*/
.button a.new-grey
{
    width: 31px;
    height: 15px;
}
.button a.new-grey:hover
{
}
.button a.new-grey:active
{
}
/*view small*/
.button a.view-grey
{
    width: 31px;
    height: 15px;
}
.button a.view-grey:hover
{
}
.button a.view-grey:active
{
}
/*set small*/
.button a.set-grey
{
    width: 26px;
    height: 15px;
}
.button a.set-grey:hover
{
}
.button a.set-grey:active
{
}
/*retry small*/
.button a.retry-grey
{
    width: 39px;
    height: 15px;
}
.button a.retry-grey:hover
{
}
.button a.retry-grey:active
{
}
/*info small*/
.button a.info-grey
{
    width: 30px;
    height: 15px;
}
.button a.info-grey:hover
{
}
.button a.info-grey:active
{
}
/*x small*/
.button a.x-red
{
    width: 15px;
    height: 15px;
}
.button a.x-red:hover
{
}
.button a.x-red:active
{
}

/*Add Customer on Dashboard*/
.button a.new-customer
{
    width: 209px;
    height: 183px;
    padding: 0;
    margin: 0;
}
.button a.add-device-blue:hover
{
}
.button a.add-device-blue:active
{
}


/*Global Icons*/
/*Large Question Icon*/
.button a.large-question
{
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    cursor: pointer;
}

/*Small Question Icon*/
.button a.small-question
{
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    cursor: pointer;
}

/*Small Check Icon*/
.button a.check
{
    width: 19px;
    height: 18px;
    text-indent: -9999px;
    cursor: pointer;
}

/*Small Check Icon*/
.button a.tool
{
    width: 19px;
    height: 18px;
    text-indent: -9999px;
    cursor: pointer;
}

/*Large Tooltip Icon*/
a.large-tooltip
{
    width: 19px;
    height: 18px;
    text-indent: -9999px;
    cursor: pointer;
}

/*Medium Tooltip Icon*/
a.medium-tooltip
{
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    cursor: pointer;
}
a.medium-tooltip-white
{
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    cursor: pointer;
}

/*Small Tooltip Icon*/
a.small-tooltip
{
    width: 13px;
    height: 12px;
    text-indent: -9999px;
    cursor: pointer;
    margin-top: -5px;
    vertical-align:top
}

/*White Arrows*/
a.arrow-decending
{
    width: 14px;
    height: 7px;
    text-indent: -9999px;
    cursor: pointer;
}

a.arrow-ascending
{
    width: 14px;
    height: 7px;
    text-indent: -9999px;
    cursor: pointer;
}

/*Message*/
a.message
{
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    cursor: pointer;
}

/*Connect*/
.button .connect-disabled
{
    width: 27px;
    height: 24px;
    text-indent: -9999px;
    margin-left: 12px;
}

.button .connect-enabled
{
    width: 22px;
    height: 22px;
    margin-left: 12px;
}

/*HR*/
hr.camera-break
{
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

/*Open Link*/
.button a.open-link
{
    height:16px;
    width:18px;
}

/***PLUGINS***/

.ui-icon
{
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-state-default
{
    text-decoration: none;
}
.ui-widget-content
{
}
.ui-widget-content a
{
}
.ui-widget-header
{
}
.ui-state-disabled, .ui-state-disabled, .ui-state-disabled
{
}
.ui-icon
{
    width: 19px;
    height: 16px;
}
.ui-state-default .ui-icon
{
}
.ui-icon-triangle-1-s
{
}
.ui-corner-bottom
{
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ui-widget-overlay
{
}
.ui-button-text-icons .ui-button-text
{
    padding-left: 2.1em;
    padding-right: 2.1em;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
{
    cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus
{
    background: none;
    position: absolute;
    right: 1px;
    top: 50%;
}


/***Date Picker***/
.ui-datepicker
{
    width: 17em;
    padding: .2em .2em 0;
}
.ui-datepicker .ui-datepicker-header
{
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover
{
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev
{
    left: 2px;
}
.ui-datepicker .ui-datepicker-next
{
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover
{
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover
{
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
{
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title
{
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select
{
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year
{
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
{
    width: 49%;
}
.ui-datepicker table
{
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th
{
    padding: .7em .3em;
    text-align: center;
    border: 0;
}
.ui-datepicker td
{
    border: 0;
    padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a
{
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane
{
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button
{
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
{
    float: left;
}
.ui-datepicker-rtl
{
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev
{
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next
{
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover
{
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover
{
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane
{
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button
{
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current
{
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group
{
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header
{
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header
{
}

/***Slider***/
.ui-slider
{
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle
{
    position: absolute;
    z-index: 2;
    width: 6px;
    height: 18px;
    cursor: default;
}
.ui-slider .ui-slider-range
{
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background-position: 0 0;
}
.ui-slider-horizontal
{
    height: 5px;
    margin: 8px 0 0 0;
}
.ui-slider-horizontal .ui-slider-handle
{
    top: -.7em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range
{
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min
{
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max
{
    right: 0;
}
.ui-slider-vertical
{
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle
{
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range
{
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min
{
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max
{
    top: 0;
}
/*


/***Select Menu***/
.ui-selectmenu
{
    display: block;
    position: relative;
    height: 1.8em;
    overflow: hidden;
}
.ui-selectmenu-icon
{
    position: absolute;
    right: 3px;
    margin-top: -8px;
    top: 50%;
    cursor: pointer;
}
.ui-selectmenu-menu
{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    overflow: auto;
}
.ui-selectmenu-open
{
    visibility: visible;
}
.ui-selectmenu-menu-popup
{
    margin-top: -1px;
}
.ui-selectmenu-menu-dropdown
{
    margin-top: 1px;
}
.ui-selectmenu-menu li
{
    padding: 0;
    margin: 0;
    display: block;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
}
.ui-selectmenu-menu li a, .ui-selectmenu-status
{
    display: block;
    padding: 0.28em 0.3em 0.3em 0.4em;
    outline: none;
    text-decoration: none;
}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status
{
    padding-left: 20px;
    position: relative;
    margin-left: 5px;
}
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon
{
    position: absolute;
    top: 1em;
    margin-top: -8px;
    left: 0;
}
.ui-selectmenu-status
{
    line-height: 1.3em;
}
.ui-selectmenu-open li.ui-selectmenu-item-focus a
{
}
.ui-selectmenu-open li.ui-selectmenu-item-selected
{
}
.ui-selectmenu-menu li span, .ui-selectmenu-status span
{
    display: block;
    margin-bottom: .2em;
}
.ui-selectmenu-menu li .ui-selectmenu-item-header
{
}
.ui-selectmenu-menu li .ui-selectmenu-item-content
{
}
.ui-selectmenu-menu li .ui-selectmenu-item-footer
{
}
.ui-selectmenu-menu .ui-selectmenu-group
{
}
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label
{
    line-height: 1.4em;
    display: block;
    padding: .6em .5em 0;
}
.ui-selectmenu-menu .ui-selectmenu-group ul
{
    margin: 0;
    padding: 0;
}

/* 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 45%;
}
.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 45% 10px 10px;
}

#rule-table input[type="text"]
{
    margin: 1px;
}

.custom-report-textarea
{
    width: 375px;
    height: 100px;
}

.sub-config form
{
    display: block;
}
.sub-config div
{
    display: block;
}
.sub-config div div
{
    display: table-cell;
    vertical-align: middle;
}

.sub-config .notification-options
{
    width: 200px;
}
.sub-config .ui-selectmenu
{
    display: inline-block;
    height: 1.7em;
}
.sub-config .button
{
    margin-left: 15px;
}
.sub-config .button a
{
    display: inline-block;
    float: none;
}
.sub-config .notification-config
{
    display: block;
    padding-left: 10px;
    background-color: #EDF8FD;
}
.sub-config .notification-config .section-header
{
    width: 621px;
    background-color: #C3E7F5;
    border: solid 1px #FFF;
}
.sub-config .notification-config .section-header .section-title
{
    width: 300px;
    font-weight: bold;
    font-size: 1.2em;
}
.sub-config .notification-config .section-header .section-title *
{
    margin-right: 25px;
}
.sub-config .notification-config .section-header .section-controls
{
    width: 321px;
    text-align: right;
}
.sub-config .notification-config .section-header .section-controls *
{
    margin-left: 25px;
}
.sub-config .notification-config .section-body
{
    display: block;
    padding: 5px;
}
.sub-config .notification-config .section-body div
{
    vertical-align: top;
    width: 300px;
    margin-left: 10px;
}
.sub-config .notification-config .section-body .chzn-drop
{
    margin:0;
}
.sub-config .notification-config .section-body div.weekpicker, .sub-config .notification-config .section-body div.monthpicker
{
    padding-left: 25px;
}
.sub-config .notification-config .section-body ul
{
    margin: 10px;
}
.sub-config .notification-config .section-body ul li
{
    padding-left: 10px;
    margin-top: 3px;
    vertical-align: top;
}
.sub-config .notification-config .section-body ul li input
{
    margin-right: 10px;
}
.sub-config .weekpicker
{
    display: table-cell;
    vertical-align: middle;
}

/* This is a temporary hack to fix a CSS issue, I didn't want to apply it sitewide without knowing the side effects */
/*
#filter-options a
{
	display:inline-block;
}
*/
/* will reorganize this */

#SaveReportAsFile
{
    margin: 10px 0px;
    padding: 10px 0px 0px 0px;
    width: auto;
    height: 25px;
    border: 1px dotted #AAA;
    background-color: #EEE;
}

#SaveReportAsFile ul
{
    display: inline;
    float: right;
}

#SaveReportAsFile ul li
{
    display: inline;
    float: left;
    margin-right: 10px;
}


.rule-row, .rule-header
{
    background-color: #F0F8FF;
    border-top: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
    border-left: 1px solid #A5A5A5;
    border-collapse: collapse;
}

.spacer-row
{
    height: 10px;
}
.spacer-row :hover
{
    background-color: #FFF;
}
.SensorRule_DaysOfTheWeek 
{
	background-color: #F0F8FF;	
		
	border-right: 1px solid #A5A5A5;
	border-bottom: 1px solid #A5A5A5;
	border-left: 1px solid #A5A5A5;
	border-collapse: collapse;
}
.sensor-rule-days
{
    display: table;
    width: 95%; /* 	width: -webkit-fit-content;     width: -moz-fit-content;     width: fit-content;	 */
    margin: auto;
    text-align: center;
}
.sensor-rule-days li
{
    display: table-cell; /* TODO: come up with a different way to center the days of the week list items */ /* margin-right:25px; */
    vertical-align: top;
}
#rollup-sensor-reports
{
    float: left;
    width: 350px;
    max-height: 200px;
    margin: 10px 20px 0 0;
    overflow-y: auto;
}
#rollup-sensor-reports sensor-report-id-select
{
    vertical-align: middle;
}
.report-rule
{
    margin:5px;
    border:1px solid darkgray;
}
.report-rule.odd
{
    background-color:#efefef;
}
.rule-data
{
    width:100%;
}
.rule-data input
{
    line-height:18px;
}
.rule-data input.center
{
    text-align:center;
}
.rule-data select
{
    height:22px;
    line-height:22px;
}
.rule-data div.row
{
    margin:5px 0 5px 0;
}
.rule-data .chzn-container
{
    margin:0;
}
.rule-data label
{
    display:table-cell;
    padding:0 5px;
}
.rule-data label .text
{
    display: block;
    min-width: 60px;
    font-weight:bold;
}

.sub-select {
	width:215px;
	margin-top:8px;
	height:25px;
}

#pdf-ajax-loader
{
        text-align: center;
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height:45px;
        color:white;
        background-color:#034CA5;
        padding-top:10px;
        font-size: 12px;
        display:none;
        z-index:9999;
}

#ajax-loader
{
        text-align: center;
        display: block;
        width: 100%;
        height:45px;
        color:white;
        background-color:#034CA5;
        padding-top:10px;
        font-size: 12px;
        display:none;
        z-index:9999;
}

#view-pdf
{
    width: 125px;
}  
#download-zip
{
    width: 225px;
}       
#view-pdf, #download-zip
{
    display:none;
    color: white;
    border:1px solid #FFF;
    background-color: #1e90ff;
    font-size: 12px;
    font-weight: bold;
    margin:auto;
    padding: 10px;
    border:1px dotted #FFF;
}
.back-button,.forward-button,.report-button
{
    margin:2px;
    font-size:12px;
    display:inline-block;
    color:#FFF;
    border-radius:5px;
    height:32px;
}
.back-button:hover,.forward-button:hover,.report-button:hover
{
    cursor:pointer;
    opacity:0.9;
}
.back-button
{
    padding-right:5px;
    padding-left:25px;
}
.forward-button
{
    padding-right:25px;
    padding-left:5px;
}
.report-button.selected
{
    opacity:0.5;
}
.back-button span,.forward-button span,.report-button span
{
    width:inherit;
    height:inherit;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
/* DATA TABLES */
table.dataTable thead th, table.dataTable thead td
{
    padding: 5px 9px;
    border: none;
    border-right:1px solid #B2B2B2;
    text-transform: uppercase;
}
table.dataTable thead th:active, table.dataTable thead td:active
{
    outline: none;
}
table.dataTable tfoot th, table.dataTable tfoot td
{
    padding: 5px 9px 3px 9px;
    border-top: 1px solid #111111;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting
{
    cursor: pointer;
    *cursor: hand;
}
table.dataTable thead .sorting_asc_disabled
{
    background: url("../images/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled
{
    background: url("../images/sort_desc_disabled.png") no-repeat top right;
}
.dataTables_wrapper .dataTables_length
{
    float:right;
    padding:10px 20px;
}
input.data-table-search
{
    width:250px;
    padding:2px;
    margin:10px 20px 0;
}
.report-button
{
    border:1px solid #2871AF;
    background: #2871AF url('/Content/img/layout/arrow-back.png');
    background: -webkit-linear-gradient(#2871AF, #2FABE2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2871AF, #2FABE2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2871AF, #2FABE2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2871AF, #2FABE2); /* standard */
}
.back-button
{
    border:1px solid #2871AF;
    background: #2871AF url('/Content/img/layout/arrow-back.png');
    background: url('/Content/img/layout/arrow-back.png') left center no-repeat, -webkit-linear-gradient(#2871AF, #2FABE2); /* For Safari 5.1 to 6.0 */
    background: url('/Content/img/layout/arrow-back.png') left center no-repeat, -o-linear-gradient(#2871AF, #2FABE2); /* For Opera 11.1 to 12.0 */
    background: url('/Content/img/layout/arrow-back.png') left center no-repeat, -moz-linear-gradient(#2871AF, #2FABE2); /* For Firefox 3.6 to 15 */
    background: url('/Content/img/layout/arrow-back.png') left center no-repeat, linear-gradient(#2871AF, #2FABE2); /* standard */
}
.back-button:hover,.forward-button:hover,.report-button:hover
{
    border-color:#2FABE2;
}
.back-button:active,.forward-button:active,.report-button:active
{
    border-color:#2871AF;
    color:#2871AF;
}
.forward-button
{
    border:1px solid #2871AF;
    background: #2871AF url('/Content/img/layout/arrow-forward.png') right center no-repeat;
    background: url('/Content/img/layout/arrow-forward.png') right center no-repeat, -webkit-linear-gradient(#2871AF, #2FABE2); /* For Safari 5.1 to 6.0 */
    background: url('/Content/img/layout/arrow-forward.png') right center no-repeat, -o-linear-gradient(#2871AF, #2FABE2); /* For Opera 11.1 to 12.0 */
    background: url('/Content/img/layout/arrow-forward.png') right center no-repeat, -moz-linear-gradient(#2871AF, #2FABE2); /* For Firefox 3.6 to 15 */
    background: url('/Content/img/layout/arrow-forward.png') right center no-repeat, linear-gradient(#2871AF, #2FABE2); /* standard */
}
a.download
{
    display:inline-block;
    padding-right:20px;
    height:15px;
    line-height:15px;
}
a.download:hover
{
    background: url('/Content/img/layout/Download_12x15.png') right center no-repeat;
}
.nobreak
{
    page-break-inside:avoid;
}

.list-disc
{
	list-style-type:disc!important;
}

.list-numeric
{
	list-style-type:decimal!important;
}

.list-circle
{
	list-style-type:circle!important;
}

.list-alpha
{
	list-style-type:lower-alpha!important;
}

.list-roman
{
	list-style-type:lower-roman!important;
}

.list-circle,.list-disc,.list-alpha,.list-numeric,.list-roman
{
	padding-left:25px!important;
}

.list-circle li,.list-disc li,.list-alpha li,.list-numeric li,.list-roman li
{
	list-style:inherit!important;
}

.web-table
{
	display:table;
}

.web-tr
{
	display:table-row;
}

.web-thead
{
	display:table-header-group;
}

.web-tbody
{
	display:table-row-group;
}

.-tfoot
{
	display:table-footer-group;
}

.web-col
{
	display:table-column;
}

.web-colgroup
{
	display:table-column-group;
}

label.web-textbox-label
{
    font-weight: 700;
    float: right;
    margin-right: 15px;
    vertical-align: top;
    margin-bottom: 5px;
}

.web-td,.web-th
{
	display:table-cell;
}

label.web-checkbox-label input[type=checkbox]{
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}

.web-caption
{
	display:table-caption;
}

.top10 
{
    margin-top: 10px;
}
.no-page-break
{
    page-break-before: auto; 
    page-break-after: auto; 
    page-break-inside: avoid;    
}