/* ----------- Shared css for zendesk end-users and agents/admin  -------------- */
html
{
    overflow-y: scroll;
}
*
{
    margin: 0;
    padding: 0;
}
a:focus
{
    outline: none;
}
*::-moz-focus-inner, *:focus::-moz-focus-inner
{
    border: none;
}

body
{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    padding: 0 8px;
    color: #333;
    min-width: 1200px;
}

.frame
{
    padding: 7px 15px 0px 13px;
    margin: 9px 8px 5px -12px;
    background: #fff;
    min-width: 590px;
    border: 2px solid #E9E9E9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    overflow: none !important;
}

.smallframe
{
    color: #666;
    font-size: 13px;
    padding: 0px 4px 0px 4px;
    margin: 9px 8px 5px -12px;
    background: #fff;
    border: 2px solid #E9E9E9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px; /*behavior: url(border-radius.htc);*/ /*overflow: none !important;*/
    overflow: hidden;
	width: 100%

    background: #fff; /* for non-css3 browsers */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f7f5'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f7f5)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #f9f7f5); /* for firefox 3.6+ */

}

.smallframe_wt
{
    padding: 7px 15px 0px 13px;
    margin: 9px 8px 5px -12px;
    background: #fff;
    border: 2px solid #E9E9E9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px; /*behavior: url(border-radius.htc);*/ /*overflow: none !important;*/
    overflow: hidden;
	width: 100%
}

a
{
    text-decoration: none;
}
a
{
    color: #4981c1;
    cursor: pointer;
}
.content a
{
    color: #1A6690;
}
/*.content a { color: #2a76a0;}*/
a:hover
{
    color: #333;
    text-decoration: underline;
}
a.emphasized
{
    text-decoration: underline;
    font-weight: bold;
    font-size: 1.1em;
}
a img
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
}
fieldset
{
    border: none;
}
fieldset.radio-form
{
    position: relative;
}

h1, h2, h3, h4, h5
{
    color: #555;
    clear: left;
}

/*.setting strong {color: #555}*/
textarea
{
    padding: 5px;
}
input
{
    padding: 5px;
}
div.clearer
{
    clear: left;
    line-height: 0;
    height: 0;
    display: block;
}

div.br
{
    clear: left;
    height: 0px;
}

#page
{
    margin: 0pt auto;
    max-width: 1200px;
    text-align: left;
    padding: 0 15px 5px 15px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    background: #fff none repeat scroll 0%;
    min-height: 400px;
}

/* ------ top ------------------------------------ */
/*
#header
{
    margin: 0 0 -3px 11px;
}
 Background color set in account */


#header{margin-bottom:1px;padding-bottom:6px}


#top-right
{
    float: right;
    font-weight: bold;
    font-size: 12px;
    padding: 30px 15px 0 0;
}
#top-right a
{
    text-decoration: underline;
}

#top-menu-background
{
    position: relative;
    z-index: 25;
    height: 26px;
    background: #D4D4D4;
}
/* Background color set in account */

#top-menu
{
    height: 26px;
    width: 909px;
}
#top-menu ul
{
    list-style: none;
}
#top-menu ul a
{
    text-decoration: none;
}

ul#green
{
    float: left;
}
ul#green li.active
{
    border-left: 2px solid #fff;
}

li#yellow
{
    background: yellow;
}

ul#gray
{
    background: #4981C1;
    height: 26px;
    float: right;
}
ul#gray li.main:hover, ul#gray li.main.over
{
    background: #888;
}
ul#orange
{
    float: left;
    background: #FF7700;
    height: 26px;
}
ul#orange li.main:hover, ul#gray li.main.over
{
    background: #888;
}
#top-menu ul li.right
{
    float: right;
}
li.main
{
    background: transparent url(images/menu.png) no-repeat scroll 0 -78px;
    height: 12px;
}
/*ul#gray li.first {border-left: 2px solid #666; }*/


/*#top-menu a.tab { padding: 7px 15px 10px 15px; font-weight: bold; text-transform: uppercase; text-shadow: #666 1px 1px;}*/
#top-menu a.tab
{
    padding: 7px 15px 10px 15px;
    font-weight: bold;
    text-transform: uppercase;
}
#top-menu ul#gray a.tab
{
    color: #FFF;
}
#top-menu ul#gray li.active a.tab
{
    color: #2a2a2a;
}

#top-menu ul li
{
    float: left;
    position: relative;
    padding: 7px 0;
}
#top-menu li:hover + li
{
    background: none;
}
#top-menu ul li.first
{
    background: none;
}

#top-menu ul li.active
{
    background: #fff;
    height: 12px;
}
#top-menu li.active a
{
    color: #2a2a2a;
}
#top-menu li:hover > ul, #top-menu li.over ul
{
    display: block;
}

#top-menu ul li img
{
    vertical-align: top;
    padding-right: 5px;
}

#top #topquery
{
    float: right;
    height: 18px;
    width: 232px;
    padding: 4px 8px 0 18px;
}
#top div#topquery input
{
    font-size: 90%;
    color: #333;
    padding: 3px 18px 0 5px;
    background: url(images/searchinput.gif) no-repeat;
    border: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 210px;
    height: 15px;
}

#top div#topquery input#ctl00_searchinput
{
    font-size: 90%;
    color: #333;
    padding: 3px 18px 0 5px;
    background: url(images/searchinput.gif) no-repeat;
    border: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 210px;
    height: 15px;
}

.email
{
    border: 1px solid #666666;
    color: #333;
    padding: 3px 18px 0 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 170px;
    height: 24px;
}

/* ------ content -------------------------------- */
div#container
{
    padding: 16px 0 0 0;
}

div#container .content
{
    margin: 0 258px 0 0;
    padding: 0 0 0 20px;
    font-size: 12px;
    overflow: no-display;
}

div#bottomcontainer
{
    padding: 16px 0 0 0;
    margin: 0 258px 0 0;
}

div#bottomcontainer .content
{
    background: #F6F6F6;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
    font-size: 12px;
    overflow: no-display;
}

div#socialcontainer
{
    padding: 16px 0 0 0;
}

div#socialcontainer .content
{
    background: #F6F6F6;
    margin: 0 0 0 0x;
    padding: 0 0 0 20px;
    font-size: 12px;
    overflow: no-display;
}

div#subscribecontainer
{
    padding: 0 0 0 0;
}

div#subscribecontainer .content
{
    background: #F6F6F6;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
    font-size: 12px;
    overflow: no-display;
}

div#main-content
{
    /* min-height:910px;*/
}

.content h2
{
    font-size: 24px;
    font-weight: normal;
    margin: 11px 0 7px 0;
}
.content h3
{
    margin: 25px 0 7px 0;
    font-size: 16px;
}
/* font-weight: bold; */
.content h4
{
    font-size: 12px;
    margin: 12px 0 0px 0;
    padding: 0;
}
.content p
{
    margin: 7px 20px 11px 0;
    color: #333;
    line-height: 1.4em;
}
/* display:block; */
.content ul
{
    padding: 0 0 0 35px;
}
.content ul li
{
    padding: 0;
    margin: 5px 11px 5px 0;
    color: #333;
}
.content ul.options
{
    list-style: none;
    padding-left: 20px;
}

social-content ul
{
    padding: 0;
}
social-content ul li
{
    padding: 0;
    margin: 5px 11px 5px 0;
    color: #333;
}
social-content ul.options
{
    list-style: none;
    padding-left: 20px;
}


div.content-top-right
{
    float: right;
    color: #484a36;
    font-weight: bold;
    margin: 17px 8px 0 8px;
}
div.content-top-right p
{
    padding: 0 15px 0 15px;
    margin: 0;
    font-size: 11px;
}
div.content-top-right a
{
    text-decoration: underline;
}
.item
{
    clear: left;
    border-bottom: 1px solid #f0f0f0;
    font-size: 12px;
    padding: 12px 0;
    overflow: hidden;
}

.item .icon
{
    float: left;
    width: 43px;
    text-align: center;
}
.item .icon img
{
    display: block;
    padding: 2px;
    margin: auto;
    margin: 0 5px 0 0;
    border: 1px solid #FFF;
}
.item .bdr img
{
    border: 1px solid #ddd;
}
.item .icon div
{
    font-size: 11px;
    color: #aaa;
    padding-top: 2px;
    width: 40px;
}
.item .icon div strong
{
    color: #888;
}
.item .icon .photo img
{
    margin: 0 25px 2px 0;
}

.item .name
{
    clear: left;
    float: left;
    font-size: 11px;
    width: 88px;
    text-align: center;
    padding-top: 4px;
}

.item-info
{
    float: left;
    padding-left: 10px;
}
.item-info.full
{
    width: 90%;
}
.item-info h1
{
    font-size: 14px;
    font-weight: normal;
}
.item-info h1 a
{
    font-weight: bold;
    text-decoration: underline;
}

.item-actions
{
    float: right;
}
.item-actions a
{
    font-weight: bold;
}
.item-actions a.big
{
    font-size: 20px;
}

.item img.example
{
    float: right;
    margin: 7px 0 5px 0;
}
.item .desc
{
    float: left;
    margin-right: 20px;
    width: 250px;
}

.item li
{
    margin: 2px 0 5px 0;
    list-style: none;
}
p.gray-text
{
    color: #888;
}
.gray-text-compact
{
    font-size: 11px;
    color: #888;
    padding: 1px 0 0 0;
}
.gray-text-per-event
{
    font-size: 11px;
    color: #9A9A9A;
    padding: 0 0 3px 25px;
}

/*social*/
#social
{
    width: 170px;
    margin: 0;
    clear: both;
}
.social-content
{
    background: #F6F6F6;
    width: 116px;
    font-size: 12px;
    padding: 6px 22px 0 22px;
}

/* ------ sidebar -------------------------------- */
#sidebar
{
    float: right;
    width: 241px;
    margin: 0;
    clear: both;
}
.side-box-content
{
    background: #F6F6F6;
    width: 197px;
    font-size: 12px;
    padding: 6px 22px 0 22px;
}
.side-box-content h3
{
    font-size: 20px;
    color: #4981C1;
    font-weight: normal;
    padding-top: 5px;
    margin-bottom: 12px;
    text-shadow: #bbb 0 1px;
    line-height: 1.15em;
}
.side-box-content select
{
    max-width: 205px;
}
/*.side-box img {	margin: 0 0 0 -17px;}*/

.side-box-with-image
{
    background: #B6E3EC;
    width: 241px;
    padding: 0 0 6px 0;
    margin-left: -22px;
}
.side-logo
{
    width: 225px;
    margin: -4px 0 0 8px;
    background: #fff;
    text-align: center;
}

.side-logo img, .side-slas img
{
    display: block;
    margin: 10px auto;
}

#search
{
    width: 200px;
}
#searchsubmit
{
    clear: both;
    float: right;
    margin: 7px 0 0 0;
    padding: 0 3px;
}

.side-box-content, .side-box-content .user_formatted
{
    color: #333;
}
.side-box-content ul, .side-box-content ol
{
    margin: 7px 0 8px;
}
.side-box-content li
{
    list-style: none;
    margin: 3px 0 3px 0;
}

.side-box-content h4
{
    font-size: 12px;
    margin: 15px 0 5px 0;
    color: #444;
}
.side-box-content h4.white
{
    font-size: 14px;
    margin: 14px 0 7px 0;
    color: #fff;
}
.side-box-content p
{
    margin: 10px 0 12px 0;
    line-height: 1.3em;
}
.side-box-content p.minimum
{
    margin-top: 0;
    padding-top: 0;
}
.side-box-content p a
{
    text-decoration: underline;
}
.side-box-content table
{
    margin: 5px 15px 5px 0;
    color: #335d66;
    width: 100%;
}
.side-box-content ul.options li
{
    display: block;
    background: url(images/bullets.png) no-repeat 0 -275px;
    padding: 0 0 0 17px;
    margin: 5px 11px 5px 0;
}

ul.options li
{
    display: block;
    background: url(images/bullets.png) no-repeat 0 -275px;
    padding: 0 0 0 17px;
    margin: 5px 11px 5px 0;
}
ul.carousel li
{
    color: #666;
    font-size: 13px;
}

.side-box-content ul.options li.link
{
    background: url(images/bullets.png) no-repeat scroll 0 2px;
}
.side-box-content ul.options li.email
{
    background: url(images/bullets.png) no-repeat scroll 0 -427px;
}
.side-box-content ul.options li.phone
{
    background: url(images/bullets.png) no-repeat scroll 0 -872px;
}
.side-box-content ul.options li.user
{
    background: url(images/bullets.png) no-repeat scroll 0 -733px;
}
.side-box-content ul.options li.forum
{
    background: url(images/bullets.png) no-repeat scroll 0 -578px;
}
.side-box-content ul.options li.add-link
{
    background: url(images/bullets.png) no-repeat scroll 0 -141px;
}
.side-box-content span.sub
{
    color: #888;
}

/* ------ footer --------------------------------- */
#footer{margin: 0 auto;max-width: 1200px;color: #A70C06;}
#footer p{line-height:1.6em;font-size:11px;color:#333;}
#footer a{line-height:1.6em;font-size:11px;color:#333;}
#footer a:hover{color:#000;}
#footer h5{font-size:12px;font-weight:bold;color:#000;}


/* ********* Boxes *********** */

div.box
{
    float: right;
    height: 5px;
    width: 5px;
    font-size: 0pt;
    line-height: 0pt;
}
div.box_top
{
    background: transparent url(images/composite.gif) no-repeat scroll 0 -5px;
}
div.box_bottom
{
    background: transparent url(images/composite.gif) no-repeat scroll 0 -15px;
}
div.box_bottom_clear
{
    clear: left;
    height: 15px;
}

.content_grey
{
    background: #F6F6F6 none no-repeat scroll 0%;
}
.grey_box_top
{
    background: #F6F6F6 url(images/composite.gif) no-repeat scroll;
    height: 5px;
    margin: 0 0 5px -20px;
}
.grey_box_bottom
{
    background: #F6F6F6 url(images/composite.gif) no-repeat scroll 0 -10px;
    height: 5px;
    margin: 5px 0 0 -20px;
}

.content_green
{
    background: #f0f0f0 none no-repeat scroll 0%;
}
.green_box_top
{
    background: #f0f0f0 url(images/composite.gif) no-repeat scroll;
    height: 5px;
    margin: 0 0 0 -20px;
}
.green_box_bottom
{
    background: #f0f0f0 url(images/composite.gif) no-repeat scroll 0 -10px;
    height: 5px;
    margin: 10px 0 0 -20px;
}

.blue_box_top
{
    background: #F6F6F6 url(images/composite.gif) no-repeat scroll 0 -252px;
    height: 5px;
    font-size: 0pt;
}
.blue_box_bottom
{
    background: #F6F6F6 url(images/composite.gif) no-repeat scroll 0 -257px;
    height: 5px;
    margin: 0 0 16px 0;
    font-size: 0pt;
}

/* ------ nifty-corners -------------------------- */

.rtop, .rbottom
{
    display: block;
}
.rtop *, .rbottom *
{
    display: block;
    height: 1px;
    overflow: hidden !important;
}
.r1
{
    margin: 0 5px;
}
.r2
{
    margin: 0 3px;
}
.r3
{
    margin: 0 2px;
}
.r4
{
    margin: 0 1px;
    height: 2px;
}
.r_white
{
    background-color: #fff;
}
.r_grey
{
    background-color: #F6F6F6;
}

/* ******************************************* */

.dashes
{
    border: none 0;
    border-top: 1px dashed #ccc; /*the border*/
    width: 100%;
    height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
}

/* This is here for submenus */
ul.menu-drop li:hover > ul
{
    display: block;
}
ul.menu-drop ul.sub-menu
{
    top: 20px;
    left: 50px;
    border: 2px solid #999;
}

ul.menu-drop
{
    display: none;
    left: -2px;
    margin: 5px 0 0 0;
    background: #FFFFFF none repeat scroll 0% !important;
    border-style: none solid solid;
    border-width: 0pt 2px 2px;
    padding: 10px !important;
    position: absolute;
    text-align: left;
    top: 21px;
    width: 210px;
    z-index: 15000;
    min-height: 28px;
    padding-left: 8px;
    float: left;
}

#top-menu li ul li
{
    padding: 0;
}
#top-menu li ul li a.all_views
{
    text-align: right;
    font-weight: normal;
}

ul.menu-drop li
{
    width: 210px;
    left: 0pt;
    height: auto;
}
ul.menu-drop li.drop-header
{
    font-weight: bold;
    margin: 12px 4px 5px 4px;
    font-size: 14px;
    color: #444;
}
ul.menu-drop li.drop-error
{
    font-weight: bold;
    margin: 12px 4px 5px 4px;
    font-size: 13px;
    color: #777;
}


ul.menu-drop li a
{
    color: #1D719F !important;
    border-top: 1px solid #DDDDDD;
    display: block;
    float: none;
    font-size: 105%;
    font-weight: bold;
    padding: 6px 4px;
}

ul.menu-drop li:first-child a
{
    border-top: none;
}

ul.menu-drop li a.empty, li a.empty
{
    color: #AAA !important;
    font-weight: normal;
}

ul.menu-drop li a span.id
{
    font-weight: normal;
    color: #777;
}
ul.menu-drop li a div.r_n
{
    font-weight: bold;
    color: #777;
}

ul.menu-drop li a:hover
{
    background: #f5f5f5 none repeat scroll 0% !important;
    color: #000000;
}

ul.menu-drop li a.warning
{
    color: #ff0000 !important;
}

#hiring
{
    height: 68px;
    width: 77px;
    background-image: url('images/hiring_pic.png');
    position: absolute;
    margin-left: 912px;
    margin-top: 4px;
}

#hiring:hover
{
    height: 77px;
    width: 96px;
    background-image: url('images/hiring_pic_hover.png');
    position: absolute;
    margin-left: 905px;
    margin-top: 0px;
}

/*ajaxmodal popup extender*/
.watermark {
	background: #FFAAFF;
}


.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
    /*
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:300px;*/
}

/*ajaxmodal popup extender*/