/* Basic Styles */

body
{
    color: #333333;
    margin: 0;
    padding: 0;
    font: 13px Helvetica, Verdana, Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, p, ol, ul, li, dl, dt, dd
{
    margin: 0.5em 0;
    padding: 0;
    line-height: 1.5em;
}

h1, h2, h3, h4, h5
{
    margin: 0.4em 0 0.4em 0;
}

h1
{
    font-size: 2.3em;
}

h2
{
    font-size: 1.7em;
}

h3
{
    font-size: 1.25em;
}

h4
{
    font-size: 1.1em;
}

h5
{
    font-size: 1em;
}

img
{
    vertical-align: bottom;
    border: 0;
    margin: 0;
    padding: 0;
}

a
{
    text-decoration: underline;
    color: #990066;
}
a:link
{
    text-decoration: underline;
    color: #990066;
}
a:visited
{
    text-decoration: underline;
    color: #330066;
}
a:active
{
    text-decoration: underline;
    color: #330066;
}
a:hover
{
    text-decoration: none;
}


hr
{
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
}

ul
{
    list-style-type: none;
    padding: 0;
}

ul ul, ol ul
{
    padding: 0 0 0 15px;
    margin-top: 0;
}

ul li, ul ul li, ul ul ul li
{
    margin: 0.3em 0 0 0;
    padding: 0 0 0 15px;
}

ul ul ul li
{
}

/* must be kept to a minimum of 30px to display double figures correctly in the editor */
ol
{
    padding: 0 0 0 30px;
}

ol ol, ul ol
{
    margin-top: 0;
    padding: 0 0 0 30px;
}

ol li, ol ol li, ol ol ol li
{
    margin: 0.3em 0 0 0;
    padding: 0;
    background: none;
}

ol ol li
{
    list-style-type: lower-latin;
}

ol ol ol li
{
    list-style-type: lower-roman;
}

dl
{
    padding: 0;
}

dt
{
    font-weight: bold;
}

dd
{
    margin: 0;
    padding-left: 12px;
}

strong
{
    color: #000;
}

q
{
}

blockquote
{
    font-size: 125%;
    padding: 0;
    margin: 10px 20px;
}
#iewrap table a:link, #iewrap table a:visited
{
    color: #204D89;
}
#iewrap .ms-siteactionsmenu div div div a
{
    color: #ffffff;
}


/* Basic Styles End */


/*=========Layout=========*/

#iewrap
{
    min-width: 730px;
    max-width: 1340px;
}

#header
{
    padding: 0;
    margin: 0;
}


#mainwrap
{
    margin: 0;
    padding: 0;
    position: relative;
}

#related
{
    width: 160px; /*     float: right;     */
    margin-bottom: 0;
}

#navigation
{
    float: left;
    width: 180px;
    font-size: 105%;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    z-index: 100;
}

#footer
{
    clear: both;
    padding: 5px;
    margin: 0;
}
.min-height
{
    height: 400px;
    float: right;
    width: 1px;
}


/*=======Wide layout========*/
.wide #wrap1
{
    background: none;
}

.wide #wrap2
{
    margin: 0;
}

.wide #content
{
    margin: 20px 20px 0 230px;
}

.wide #related
{
    display: none;
}


/*====== Rounded Corners =====*/

#iewrap .rounded
{
    position: relative;
}

#iewrap .sw, #iewrap .se, #iewrap .ne, #iewrap .nw
{
    position: absolute;
    margin: 0;
    font-size: 1px;
    height: 5px;
    width: 5px;
    overflow: hidden;
    padding: 0;
}

#iewrap .sw
{
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    margin-left: 0;
}
#iewrap .se
{
    right: 0;
    bottom: 0;
    margin-bottom: 0;
    margin-right: 0;
}
#iewrap .ne
{
    right: 0;
    top: 0;
    margin-top: 0;
    margin-right: 0;
}
#iewrap .nw
{
    left: 0;
    top: 0;
    margin-top: 0;
    margin-left: 0;
}


/*========within page layouts e.g columns =====*/

.alignleft
{
    float: left;
    margin: 5px 10px 10px 0;
}
.alignright
{
    float: right;
    margin: 5px 0 10px 10px;
}
.centered
{
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}

.col1
{
    float: left;
    width: 50%;
}

.col2
{
    float: right;
    width: 50%;
}

div.alignright
{
    width: 45%;
    float: right;
    clear: both;
    margin-left: 10px;
}

div.alignleft
{
    width: 45%;
    float: left;
    clear: both;
    margin-right: 10px;
}

/*======== form styles ========*/

fieldset
{
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 0.5em 10px;
}

fieldset p
{
    margin-top: 1em;
}

legend
{
    padding: 4px 8px 4px 4px;
    margin: 0 0 0.5em -10px;
    width: 100%;
    float: left;
    color: #333333;
}

/*=======form fields and labels=========*/

#content label, form p, #content input, #content select, #content textarea, form .long-label
{
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

#iewrap label
{
    font-weight: bold;
    padding-right: 10px;
    width: 8em;
    float: left;
    text-align: left;
    color: #333333;
}

/*======== rows ========*/

form .row
{
    width: 100%;
    margin: 3px 0;
    clear: left;
}

form .wide-row
{
    float: left;
    clear: left;
    padding-left: 8em;
    margin: 3px 0 10px 0;
}

form .submit-row
{
    text-align: right;
    padding-right: 10px;
}

form .narrow-row
{
    clear: both;
    margin: 5px 0;
}

/*======= wide rows ======= */

#content form .wide-row label
{
    width: auto;
    margin-left: -8em;
    display: block;
    text-align: left;
}

#content form .wide-row input
{
    margin: 0 5px 0 0;
    padding: 0;
}

form .wide-row textarea, form .wide-row input, form .wide-row select
{
    float: left;
    clear: left;
    margin-left: 10px;
}

form .wide-row textarea, form .wide-row select
{
    padding: 0;
    margin-left: 10px;
}

/*====smaller input fields e.g. checkboxes and radio buttons====*/

#content form .small input
{
    margin-right: 5px;
    margin-top: 1px;
    padding: 0;
}

form .narrow-row label
{
    width: auto;
}

form .narrow-row input
{
    margin-left: 0;
}


/*=======rows with long labels========*/


form .long-label label, form .long-label .error
{
    margin-left: 0.8em !important;
}

#content form .long-label input
{
    margin-right: 7px;
    margin-left: 0;
}

/*=======Medium size labels if needed========*/

form .medium label
{
    width: 10em;
}


/*====Error styling====*/

.row .error
{
    margin: 2px 0 2px 8.8em;
}

.wide-row .error
{
    margin: 2px 0 2px -8em;
    padding: 0;
}

/*========= Layout End=========*/

/*============ Global Nav ==============*/

#global-menu
{
    background-color: #e9eaea;
    float: left;
    width: 100%;
}
#global-menu ul
{
    margin: 0;
    float: right;
    margin: 0 30px 0 0;
}
#global-menu ul li
{
    margin: 0;
    padding: 0;
    background: #dbdddd url('../images/top-menu_bg.gif') repeat-x left top;
    float: left;
}
#global-menu ul li a, #global-menu ul li strong
{
    display: block;
    padding: 5px 8px 8px;
}
#global-menu ul li a
{
    color: #333333;
    border-left: 1px #fff solid;
    border-right: 1px #929292 solid;
}
#global-menu ul li a, #global-menu ul li a:link
{
    text-decoration: none;
}
#global-menu ul li a:hover
{
    text-decoration: underline;
}
#global-menu ul li a.active, #iewrap .RadMenu_Default .rootGroup .active:hover
{
    background: #2c3033 none !important;
    color: #fff;
    border-left-color: #2C3033;
}

#global-menu ul .first
{
    border-left: 1px #929292 solid;
}
#global-menu ul .last
{
    border-right: 1px #fff solid;
}

/*******************************************************************************************/
/*=========== Rad menu override ==========*/
/*******************************************************************************************/

#iewrap .RadMenu_Default
{
    background: transparent;
    border-style: none;
}
#iewrap .radmenu
{
    float: none;
}
#iewrap .RadMenu_Default .text
{
    padding: 0;
}
#iewrap .RadMenu_Default .horizontal .item
{
    border-right-style: none;
}
#iewrap .RadMenu_Default .link .text
{
    font-size: 13px;
    font-family: Helvetica,Verdana,Arial,sans-serif;
}

#iewrap .RadMenu_Default .rootGroup .focused, #iewrap .RadMenu_Default .rootGroup .expanded
{
    color: #ffffff;
    background-color: #2C3033;
    border-left-style: none;
}

#iewrap .RadMenu_Default .rootGroup .link:hover
{
    background-color: transparent;
}

/*=============== Global Nav End=====================*/

/*=============== Site Header =====================*/

#header
{
    clear: both;
}

#header #logo img
{
    float: left;
    margin: 1.2em 0px 0px 67px;
}
#site-services
{
    padding: 9px 0px 0px 0;
    margin: 3px 18px 0 0;
    float: right;
    position: relative;
    width: 310px;
}

#site-services img
{
    /*float:right;*/
}
#site-services form
{
    text-align: right;
}
#site-services div
{
    padding-right: 5px;
    float: left;
}

#site-services div .buttons
{
    float: left;
    position: relative;
}
#site-services input
{
    background: url('../images/search-bg.gif') no-repeat left top;
    border: 1px #56595c solid;
    margin: 0pt 10px 0pt 3em;
    float: left;
}

#site-services button
{
    margin: -1px 3px 0 0;
    cursor: pointer;
    font-weight: bold;
    float: left;
    position: relative;
}

/*#site-services form ul 
{
	clear:both; 
	margin:4px 10px 0px 15px; 
}*/

#site-services ul
{
    /*margin: 0px 0 0 0; */
    clear: both;
    margin: 4px 0px 0px 0px;
}
#site-services ul li
{
    margin: 0;
    float: left;
    background: none; /*padding: 0 0 0 9px; */
    padding: 0 0 0 3px !important;
    vertical-align: top;
}

#site-services ul li a
{
    margin-right: 0;
    font-size: 0.85em;
}

#site-services #SRSB
{
    width: 220px;
}

.site-service-content
{
    float: left;
    width: 220px;
}

/*=============== Colorful Header Nav=================*/

#header-nav
{
    margin: 10px 0px 6px 0px;
    position: relative;
    float: right;
    right: 30px;
    clear: right;
}

#header-nav li
{
    border: 1px #1c1e20 solid;
    margin-left: 10px;
    padding: 0;
    float: left;
    background: #3e4347 url('../images/header-nav_bg_black.gif') repeat-x left bottom;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#header-nav li a
{
    border: 1px #3e4347 solid;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 3px 9px 6px;
}

#header-nav li a:hover
{
    text-decoration: underline;
}

#header-nav .nav-museums
{
    border: 1px #570040 solid;
    background: #890066 url('../images/header-nav_bg_purple.gif') repeat-x left bottom;
}

#header-nav .nav-museums a
{
    border: 1px #890066 solid;
}

#header-nav .nav-libraries
{
    border: 1px #004557 solid;
    background: #006d88 url('../images/header-nav_bg_blue.gif') repeat-x left bottom;
}
#header-nav .nav-libraries a
{
    border: 1px #006d88 solid;
}

#header-nav .nav-pavilion
{
    border: 1px #6f0121 solid;
    background: #b00135 url('../images/header-nav_bg_red.gif') repeat-x left bottom;
}

#header-nav .nav-pavilion a
{
    border: 1px #b00135 solid;
}

/*============ Colorful Nav End ===============*/

/*============= Left Nav =====================*/

#navigation
{
    background: url('../images/navigation-background_tile.gif') repeat-y right top;
    margin: 0;
    position: relative;
    left: 30px;
    top: 70px;
    padding-bottom:100px !important;
}
#navigation ul
{
    list-style-type: none;
    padding: 0;
    font-size: 1.23em;
    margin: 0;
    background: #e9eaea;
}

#navigation ul ul
{
    margin: 0;
    font-size: 1em;
}

#navigation li
{
    padding: 0;
    margin: 0;
    font-weight: normal;
    background: none;
}

#navigation a.section
{
    font-weight: bold;
}

#navigation li a, #navigation li strong
{
    padding: 7px 15px;
    text-decoration: none;
    display: block;
    color: #333333;
    border-bottom: 1px #818181 solid;
    border-top: 1px #fff solid;
    line-height: 1.2em;
}

#navigation li .first
{
    border-top: none;
}

#navigation li .last
{
    border-bottom: none;
}

#content .anchor-top
{
    background-color: #2C3033;
    margin: 20px 0 10px 0;
    float: right;
    right: 0px;
    position: relative;
    padding: 4px 15px 4px 12px;
    clear: none;
}
#content .anchor-clear
{
    clear: left;
}
#navigation .nav-separator
{
    border-bottom: 10px solid #ffffff;
    height: 1px;
    overflow: hidden;
}

#navigation .nav-related
{
    padding: 0pt 20px 0pt 15px;
}
#navigation .nav-related ul
{
}
#navigation .nav-related ul li
{
    background: url('../images/bullet-one_black.gif') no-repeat 0 0.5em;
}

#navigation .nav-related ul li a
{
    border: none;
    font-size: 80%;
    text-decoration: underline;
    line-height: 1.5em;
    margin: 0.3em 0pt 0pt;
    padding: 0pt 0pt 0pt 15px;
}

#navigation .nav-related ul li a:link
{
    text-decoration: underline;
}
#navigation .nav-related ul li a:hover
{
    text-decoration: none;
}

#navigation ul li a:hover
{
    text-decoration: underline;
}

#navigation li strong
{
    color: #fff;
    font-weight: normal;
}

/* ==== Level 2 ====== */
#navigation ul ul li
{
    background-color: #d7d8d8;
}

#navigation ul ul a, #navigation ul ul strong
{
    padding-left: 27px;
    font-weight: normal;
}

/* ==== Level 3 ====== */
#navigation ul ul ul li
{
    background-color: #c4c4c4;
}

#navigation ul ul ul a, #navigation ul ul ul strong
{
    padding-left: 37px;
}

/* ==== Level 4 ====== */
#navigation ul ul ul ul li
{
    background-color: #b1b2b2;
}

#navigation ul ul ul ul a, #navigation ul ul ul ul strong
{
    padding-left: 47px;
}

/* ==== Level 5 ====== */
#navigation ul ul ul ul ul li
{
    background-color: #989898;
}

#navigation ul ul ul ul ul a, #navigation ul ul ul ul ul strong
{
    padding-left: 57px;
}

#navigation ul ul ul ul ul a
{
}

#navigation ul ul ul ul ul strong
{
    background-color: #2c3033;
}

/*============= Footer =====================*/

#footer
{
    color: #fff;
    background-color: #2c3033;
}

#footer li
{
    margin: 0px 0px 0px 0.5em;
    padding: 0px;
    background: none;
    display: inline;
}

#footer ul
{
    margin: 2px 20px 3px;
}

#footer li
{
    color: #de6fc1;
}

#footer li a
{
    margin-right: 0.5em;
    color: #fff;
}
/*============= Footer End ================*/

/*========= Other Styles=================*/

/* ========Basic styles========*/

.cl
{
    clear: both;
    line-height: 1px;
    height: 1px;
}
br.cl, div.cl
{
    height: 0;
    font-size: 0.1px;
    line-height: .0;
}
.rm
{
    position: absolute;
    left: -999em;
}
a.rm:active, a.rm:focus
{
    top: 0;
    left: 0;
    border: 3px #333333 solid;
    background-color: #fff;
    padding: 5px;
    color: #000;
}

h1
{
    color: #333333;
}
h2
{
    color: #333333;
}
h3
{
    color: #333333;
}
h4
{
    color: #333333;
}
h5
{
    color: #333333;
}

#related h3
{
    font-size: 1.1em;
}

ul li, ul ul li, ul ul ul li
{
    background: url('../images/bullet-one_black.gif') no-repeat 0 0.5em;
}

ul ul li, ul ol ul li, ul ul ul li
{
    background: url('../images/bullet-two_normal.gif') no-repeat 0 0.5em;
}

ul ol li
{
    background: none;
}

hr
{
    background-color: #2c3033;
    color: #2c3033;
}

pre
{
    color: #000;
    border-left: 1px #F75700 solid;
}

blockquote
{
    background: url('../images/quote-left_normal.gif') no-repeat left top;
}

q, blockquote
{
    font-weight: bold;
}

blockquote p
{
    margin-left: 50px;
    line-height: 1.3em;
}

/*==========Layout===========*/

#wrap1
{
    /*background: url(../images/related-background_tile.gif) repeat-y right top; */
    margin-top: 10px;
    margin-bottom: 10px;
}

#wrap2
{
    background: url('../images/navigation-background_tile.gif') repeat-y left top;
    margin: 0;
}

#top-border
{
    background: url('../images/top-border.gif') repeat-x left top;
}

#left-border #curve
{
    background: url('../images/navigation-curve.gif') no-repeat left top;
    position: relative;
    overflow: hidden;
}

#left-border
{
    background: transparent url(../images/navigation-background_tile.gif) repeat-y scroll left top;
}

#content-wrapper
{
    position: relative;
    padding-left: 240px;
    padding-bottom: 90px;
    padding-top: 20px;
    background-image: url('../images/related-background_tile-bottom.gif');
    background-position: right bottom;
    background-repeat: no-repeat;
}
.right-col-back
{
    background: url('../images/related-background_tile.gif') repeat-y right top;
}
#content
{
    padding-right: 230px;
}
#related
{
    float: right;
    margin: 10px 40px 10px 0;
}
.page-text
{
    /*#float:left;*/ #width:100%;
#display:block;
#overflow:hidden;
}

/*==========Breadcrumbs==========*/

#breadcrumbs p, #breadcrumbs ul, #breadcrumbs li
{
    display: inline;
    margin: 0;
    padding: 0;
    background: none;
}
#breadcrumbs li a
{
    margin: 0 4px 0 0;
    padding: 0 12px 0 0;
    font-weight: normal;
    background: url('../images/breadcrumb-bullet_normal.gif') no-repeat 100% 50%;
}

#breadcrumbs
{
    /*	display:block;*/
}

#breadcrumbs .breadcrumb-prefix
{
    /*float:left;	*/
}

#breadcrumbs .breadcrumb-links
{
    /*	float:left;*/
}

/*======== Content========*/


.primary-content-image
{
    float: right;
    margin: 0 0 15px 15px;
}
.sub-heading
{
    font-weight: bold;
    font-size: 1.15em;
    line-height: 1.3em;
}
#content .highlight-box
{
    padding: 5px;
    min-height: 70px;
    position: relative;
}
#content .odd
{
    background-color: #f3f3f5;
    padding: 5px;
    position: relative;
}
#content .highlight-image-wrap
{
    float: left; /*overflow: hidden; */
    margin: 0px 15px 0 0; /*width: 45%;  	max-width: 220px; */
}
#content .highlight-box p
{
    margin: 0;
}
#content .latest-news li
{
    background: url('../images/padlock.gif') no-repeat 0 0.5em;
    padding: 6px 0pt 0pt 20px;
}
#content .highlight-info h2, #content .highlight-info h3 {font-size:1em;margin:0;}

#content .anchor-top a
{
    padding-left: 22px;
    background: url('../images/back_to_top.gif') no-repeat left 50%;
    color: #fff;
}
/***Event and Exhibition 'Back to Search' button.*****/

.btnSearchBack
{
    margin-top: 13px;
    float: right;
    right: 0px;
    position: relative;
    padding: 4px;
    clear: none;
}
.btnSearchBack input:hover
{
    text-decoration: none;
    cursor: pointer;
}
.btnBackSearch
{
    background: #2C3033;
    color: #fff;
    border: none;
    vertical-align: middle;
    text-decoration: underline;
    height: 28px;
}

/******************************************************/
/*========Table Styles========*/
table.data, caption
{
    width: 100%;
    border: none;
    border-spacing: 2px 0px;
    margin: 0 0 0 0px;
}

.data th
{
    background-color: #2c3033 !important;
    font-weight: bold;
    text-align: left;
    color: #fff;
    padding: 4px 10px 4px 10px;
}

.data tr
{
    background-color: #fff;
}

.data .odd
{
    background-color: #e9eaea;
}

.data td
{
    padding: 4px 10px 4px 10px;
}

caption
{
    text-align: left;
    font-style: italic;
    font-weight: bold;
    padding-bottom: 5px;
}

table h3
{
    margin: 0;
    font-size: 1em;
    font-weight: bold;
}

.wide #content table
{
    width: 98%;
}


/*============Form styles=========*/
fieldset
{
    border: none;
}

.bold
{
    font-weight: bold;
}

.required
{
    padding: 0;
    font-size: 150%;
    line-height: 0.3;
    vertical-align: middle;
    color: #616161;
    font-weight: bold;
}

.error
{
    color: #f33;
    font-weight: bold;
    display: block;
}

.wide-row .error
{
    color: #f33;
    font-weight: bold;
}


.ms-sbcell
{
    border: none !important;
}

#iewrap .intro-text
{
    font-weight: bold;
    color: #ffffff;
    margin-left: -30px;
}

/******** Changes ***************/

.panelbar
{
    width: 180px !important;
}

#navigation li a, #navigation li strong
{
    width: auto;
}

#navigation li.first a, #navigation li.first strong
{
    border-top: 1px solid #efebef;
}

#navigation li a.selected, #navigation li strong
{
    background-color: #2C3033;
    color: #ffffff;
}

#navigation ul ul a.selected, #navigation ul ul strong
{
    background-color: #2C3033;
    color: #ffffff;
}

#content-wrapper-wide
{
    position: relative;
    padding-left: 240px;
    padding-bottom: 90px;
    padding-top: 20px;
}

#content-wrapper-wide #content
{
    padding-right: 0px;
}

.content-area #content
{
    padding-right: 20px !important;
}
.main-zone
{
    float: left;
    width: 100%;
}

/** fix edit mode title border **/
#top .ms-formfieldvaluecontainer
{
    /*width:50%;*/
    margin-top: -15px;
}

#top .ms-formfieldcontainer
{
    width: 100%;
}

/** fix right hand webpart **/
.related-inner .ms-SPZone .ms-WPHeader .ms-standardheader span
{
    white-space: normal;
}

/**************** FAQ *****************************/
.faq .AnnouncementDesc
{
    display: none;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.faq .alt
{
    background-color: #f3f3f5;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
}

.faq .normal
{
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
}

.faq a
{
    font-size: 15px;
    text-decoration: none;
}
/***************************************/
/************* Search Results ****************/
#CSR .srch-results .srch-Title a:link, #CSR .srch-results .srch-Title a /*#CSR .srch-results .src-results a, #CSR .srch-results .srch-URL a:link, #CSR .srch-results .srch-sort a:link,*/
{
    text-decoration: underline;
    color: #333333 !important;
}
#CSR .srch-results .srch-Title a:hover /*#CSR .srch-results .srch-URL a:hover, #CSR .srch-results .srch-sort a:hover*/
{
    text-decoration: underline;
    color: #333333 !important;
}
#CSR .srch-results .srch-Title a:visited /*#CSR .srch-results .srch-URL a:visited, #CSR .srch-results .srch-sort a:visited */
{
    text-decoration: underline;
    color: #333333 !important;
}

#CSR h5
{
    text-decoration: underline;
    color: #333333;
    font-size: 0.9em;
}

.srch-Title a, .srch-Title a:link, .srch-Title a:hover, .srch-Title a:active, .srch-Title a:visited
{
    color: #333333;
}

ul.search-pager li
{
    background: none;
    display: inline;
    list-style: none;
    position: relative;
    overflow: hidden;
}


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

.clear-highlight
{
    clear: both;
    height: 1px;
    overflow: hidden;
    display: block;
}

.clearBoth {clear:both;}

.main-column
{
    float: left;
    width: 100%;
}

/************ Search Box ************/

td.ms-sbgo
{
    background-color: #ffffff !important;
}

#site-services .site-service-content
{
    width: 220px;
    padding: 0;
    float: left;
}

#site-services input
{
    margin: 5px;
    float: left;
}

#site-services .site-service-content .search
{
    padding-right: 0px;
    padding-top: 15px;
}

#site-services .site-service-content .search label
{
    padding-right: 0px;
    width: 50px;
    padding-top: 6px;
}

#site-services .searchscope-div .search-text
{
    width: 100px;
    padding: 0;
}

/** edit mode fixes **/

.ms-ToolPaneOuter
{
    position: relative !important;
}

.ms-SPZone .highlight-box
{
    position: static !important;
}

.srch-Title
{
    color: #666666;
}
/*****************Added this to reduce the size of the label in pagelayouts************/
.ms-RadioText
{
    font-size: 8pt;
}

span.ms-RadioText label
{
    float: right;
    padding-top: 3px;
}

span.ms-RadioText Input
{
    float: left;
}
/***************************Whats on search***************************/
#searchFilter-Wrapper
{
    width: 100%;
    text-align: left;
    margin: 0px;
    font-size: inherit;
    padding: 5px;
    background-color: #E9EAEA;
}
#searchFilter-Wrapper p Label
{
    width: 15%;
}
#searchFilter-Wrapper p Label
{
    width: 25%;
}
#searchFilter-Wrapper p select
{
    width: 59%;
}
.RadPicker, .RadPicker_Default
{
    width: 59% !important;
    height: 25px;
}
.riTextBox, .riEnabled
{
    height: 12px;
}
#searchFilter-Wrapper p input
{
    background-image: url('../images/search-bg.gif');
    border: solid 1px black;
}
.alignWhatsOnbtn
{
    width: 84.5%;
    text-align: right;
}
.searchResults-Empty
{
    text-align: center;
    margin-top: 30px;
    font-weight: bold;
    color: #000;
    width: 100%;
}
#paginationWhatsOn
{
    margin: 30px 0px 30px 12px;
    text-decoration: none;
}
#paginationWhatsOn a:link
{
    color: #000;
    text-decoration: none;
}
#paginationWhatsOn a:hover
{
    color: #000;
    text-decoration: underline;
}
.currentActivePageLink
{
    margin: 0;
    padding: 2px 8px 2px 8px;
    border: 1px solid #333333;
    color: #000;
    background-color: #E9EAEA !important;
}
.PageLink
{
    background-color: white;
    padding: 2px 8px 2px 8px;
    color: #000;
}
.preNextLink
{
    padding: 2px 8px 2px 8px;
    color: #000;
}
.search-Result-Wrapper
{
    padding-top: 10px;
}
.search-Result-Wrapper ul, .search-Result-Wrapper ul li
{
    list-style-type: none !important;
    background: none;
    width: 100%;
}
.search-Result-Wrapper ul li h3 a
{
    text-decoration: none;
    color: #000000;
}
.search-Result-Wrapper span
{
    text-align: center;
    width: 500px;
}

.searchResults-Separator
{
    padding: 1px 0px 1px 0px;
    width: 100%;
    text-align: center;
}
.searchResults-Separator hr
{
    width: 80%;
    color: #333333;
}
/*******************************************************************/

.addThisButton
{
    padding-top:30px;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}