/* Base Tag Settings =========================================================================== */
/* *************** CSS Reset *************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {margin-top:35px;	font-family:Arial, Helvetica, sans-serif;font-size:0.78em;background:#fff url(/Themes/californiatourism/Images/design01/body_background.png) repeat-x;line-height: 1.2;}

a {	text-decoration:none;color:#0000FF;}
a:hover {text-decoration:underline;}

input [type='file']{
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2rem;
    padding: 0.15rem 0.5rem;
    border: 1px solid #cacaca;
    margin: 0 0 .5rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0px 1px 2px rgba(10,10,10,0.1);
    border-radius: 0;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
}

h1 {font-family:Trebuchet MS, Arial, Helvetica, sans-serif;font-size:2em;font-weight:normal;background:url(/Themes/californiatourism/Images/content/bullet_arrow_right_green.png) no-repeat;
	margin: 0.6em 0;padding: 0 0 0 38px;}
h2 {font-family:Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 1.4em;font-weight: bold;margin: 0.6em 0;}
h2 img {vertical-align:middle;padding-right:6px;}
h3 {font-size: 22px;font-weight:600;color: #000000;margin-bottom:5px;line-height:1.18em;}
h4 {font-size: 22px;font-weight:400;color: #1b2b88;border-bottom:2px solid #b10404;margin-bottom:5px}
h5{font-size: 18px;font-weight:400;color: #e99400;margin-bottom:5px;line-height:1.18em;font-family:"Geometric Slab 703 W03 Lite"}
h6{font-size: 16px;font-weight:400;color: #1b2b88;margin-bottom:5px;line-height:1.18em;font-family:"Geometric Slab 703 W03 Lite"}

/*h1{font-size: 32px;font-weight:400;color: #001389;border-bottom:2px solid #f3640d;margin:0px 5px 5px 5px}
h2{font-size: 22px;font-weight:600;color: #3c5abb;border-bottom:1px dotted #f3640d;padding:3px;margin:1px 2px 8px 2px;}
h3{font-size: 22px;font-weight:400;color: #f3640d;margin-bottom:5px;line-height:1.18em;}
h4{font-size: 22px;font-weight:400;color: #1b2b88;border-bottom:2px solid #b10404;margin-bottom:5px}
h5{font-size: 18px;font-weight:400;color: #e99400;margin-bottom:5px;line-height:1.18em;}
h6{font-size: 16px;font-weight:400;color: #1b2b88;margin-bottom:5px;line-height:1.18em;}*/
iframe{ width: 100%;border:none;background-color:#ffffff;overflow-x: hidden; overflow-y: auto}
td label {line-height:18px;font-size:14px}

/* Input Place holder color */
::-webkit-input-placeholder { color: #adadad;}
:-moz-placeholder { color: #adadad;} /* Firefox 18- */
::-moz-placeholder {color: #adadad;}/* Firefox 19+ */ 
:-ms-input-placeholder {color: #adadad;}

/* Basic Page Elements ========================================================================= */
.header {border-bottom:1px solid #ffffff;border-top-left-radius:15px;border-top-right-radius:15px;
         background:#fff url(/Themes/californiatourism/Images/design01/blue_gradiant.png) repeat-x;background-size:100% 100%;}
#head_links {font-size:.9em;color:#c2e5f4;background-color:#012b41;line-height:24px;border-top-right-radius:15px;margin-right:-14px;
             border-bottom-left-radius:80px;padding-left:25px;}
#head_links a {color:#c2e5f4;background-color:#012b41;margin:0 8px;}
#head_links a:hover {color:#fff;}
#img_ribbon { height:10px; background:#fff url(/Themes/californiatourism/Images/common/nav_shadow.png) repeat-x;margin-bottom:10px}
.mainBody {background-color:#ffffff;min-height:500px}
.bodyFooter {background-color:#5e5249;height:20px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;
             border-left:1px solid #000000;border-bottom:1px solid #000000;border-right:1px solid #000000}
.wrapper {box-shadow: 1px 0px 16px 2px #535353;border-radius:15px;background-color:#ffffff}
.footer {padding:30px 0 50px 0;color:#777777;font-size:0.92em;font-weight:bold;}
.footer a {color:#777777}
.iFrameWorkArea {padding:5px}

.headerTitle, .smallTitle {color: #eee;font-variant:small-caps;text-shadow: #000 1px 1px 3px;}
.headerTitle {font-size: 2.5em;display:block;height:52px;}
.smallTitle {font-size: 1.5em;}

/* Borders  ==================================================================================== */
.border01 {border:1px solid #adadad;}
.border02 {border:3px solid #408adb;}

.borderBlue {border:1px solid blue}
.borderGreen {border:1px solid green}
.borderRed {border:1px solid red}
.borderYellow {border:1px solid yellow}

.radius4 {border-radius:4px}
.radius6 {border-radius:6px}
.radius8 {border-radius:8px}


/* Buttons ===================================================================================== */
.button01, .button01Disabled {display:inline-block;cursor:pointer;padding:6px 4px;margin-bottom:2px;margin-top:2px;
	        background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);background-color:#ededed;box-shadow: 3px 3px 7px 0px #656565;
	        border-radius:6px;border:1px solid #dcdcdc;
	        color:#3cbd00;font-size:15px;font-weight:bold;text-decoration:none;text-shadow:0px 1px 0px #ffffff;
            font-family: "Segoe UI","Segoe","wf_SegoeUILight","wf_SegoeUI","Segoe WP Light","Segoe WP","HelveticaNeueLight","HelveticaNeue-Light","Helvetica","Tahoma","Verdana","Arial","sans-serif"; 
}
.button01:hover {background-color: #a1daea;background-image: linear-gradient(#d5fcfa, #e2fbff);}
.button01:active {position:relative;top:1px;}
.button01.a { color:#3cbd00 !Important;text-decoration:none}
.button01.a:hover{text-decoration:none;color:#a1daea !Important}
.button01Disabled {color:#b9b9b9}
.buttonLFont {font-size:20px}

/* Custom Elements ============================================================================= */
.bold {font-weight:bold}
.bottomBorder {border-bottom:1px dotted #f3640d;margin-bottom:15px;padding-bottom:10px}
.compactList li, .compactList input, .compactList label {margin-top:1px;margin-bottom:1px;list-style-type:none;line-height:1.2rem}
.container:before, .container:after {  content:"";  display:table;}
.container:after {  clear:both;}
.definition {display:block;margin-left:15px;font-size:13px;color:#535353;padding:8px;line-height:14px;
             font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}
.definition ol {margin-left:35px;list-style:lower-alpha;line-height:14px}
.display-block {display:block}
.groupLabel {font-weight:600;font-size:14px;color:#E87622}
.heading {font-weight:600;font-size:14px;color:#E87622}
.instructions {font-size:14px}
.instructions i {color:#1b2b88}
.instructions .note{color:#4d4c4c}
.question{font-weight:600;font-size:14px;color:#003366;display:block;padding:4px 0px 4px 0px}
.selectButton {font-size:16px;color: #f3640d !important;display:inline-block;background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
               border-radius:4px;border:1px solid silver;line-height:35px;width:75px;box-shadow: 3px 3px 2px 0px #656565;
}
.helpPopUp{border:1px solid #f3640d;border-radius:4px;background-color:#f6fbff;width:250px;box-shadow: 3px 3px 7px 0px #656565;padding:5px;min-height:45px;
           color:#101010;font-weight:normal;font-size:14px;text-align:left}
.loginName {color: white;}
.ownerChange {color:#8f0000 !important}

.pad4 {padding:4px}
.pad8 {padding:8px}
.pad16 {padding:16px}
.pad24 {padding:24px}
.padV4 {padding-top:4px;padding-bottom:4px}
.padV8 {padding-top:8px;padding-bottom:8px}
.padV16 {padding-top:16px;padding-bottom:16px}
.padV24 {padding-top:24px;padding-bottom:24px}

.psWeak, .psExcellent {font-size:11px;font-weight:bold;display:inline-block;margin-left:-50px;margin-top:5px}
.psWeak {color:red}
.psExcellent{color:green}

.required {color:maroon;font-size:11px;font-weight:bold;line-height:13px;display:inline-block;margin-left:5px;margin-right:5px}

/* Grid Elements =============================================================================== */
.activeRow:hover {background-color:#bddbfa;cursor:pointer}
.even{background-color:#f7f8fc}
.odd{background-color:White}
.gradiantLightGrey{background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); }

.gridBody, .gridSmallBody, .gridBodyWrapped {border-right:1px solid grey;border-left:1px solid grey;overflow:auto;margin:0px;padding:0px;background-color:rgb(248, 248, 248)}
.gridBody {min-height:130px;max-height:450px;}
.gridBody a {text-decoration:none;color:black}
.gridBodyWrapped {border:1px solid grey}
.gridHolder {font-size:13px}
.gridHolder .last {border-right:none}

.gridHolder table {border:none;border-radius:4px}
.gridHolder td,.gridHolder th  {padding:3px;border:none}
.gridHolder tbody {border:none}

.gridHeaderBar{}
.gridHeaderBar{border:1px solid grey;height:28px;border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden;padding:0px;}
.gridHeaderBar span {margin:0px;font-weight:bold;font-size:12px;height:28px;display:inline-block;border-right:1px solid transparent;line-height:24px;}
.gridHeaderBar span .sort {color:#1e62d0;text-decoration:none}

.gridRow{border-bottom:1px solid #e7eef1;}
.gridRow span{border-right: 1px solid transparent;display: inline-block;overflow: hidden;white-space:nowrap;margin:0px;padding:2px;color:#1e6285}

.gridSmallBody{}

.gridStatusBar {margin-bottom:5px;border:1px solid grey;height:26px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.gridStatusBar span {margin-left:15px;font-size:13px;font-weight:400;color:#000088}
.gridStatusData {margin-left:15px;font-size:13px;font-weight:400;color:#000088}
.gridStatusBar .maxRows {font-weight:400;font-size:13px;color:#a72727}


/* Member Display ============================================================================== */
.memberDisplay {border:1px dotted #1e62d0;border-radius:4px;background-color:#ffffff;font-size:13px}
.memberDisplay .fieldLabel {display:inline-block;width:145px;font-weight:600;text-align:right;padding-right:15px}
.memberDisplay .fieldData {display:inline-block}



/* Message Types =============================================================================== */
.messageHeader {display:block;font-weight:bold;font-size:16px;border-bottom:1px dashed white;margin-bottom:5px}
.messageBasic { display: inline-block; font-size: 14px; padding: 10px; }

.messageError, .messageImportant, .messageInfo, .messageValidation, .messageWarning {display:block;border-radius:6px;border:1px solid;font-size: 14px; padding:10px 10px 10px 50px; background-repeat: no-repeat; background-position: 5px 5px;margin-top:8px;margin-bottom:8px}
.messageError		{border-color:#660000; background-color:#ffadad; color:#660000; background-image: url('/Themes/californiatourism/Images/messageicons/error.png');}
.messageImportant	{border-color:#3c7d09; background-color:#c3eba4; color:#3c7d09; background-image: url('/Themes/californiatourism/Images/messageicons/success.png');}
.messageInfo		{border-color:#00529B; background-color:#BDE5F8; color:#00529B; background-image: url('/Themes/californiatourism/Images/messageicons/info.png');}
.messageValidation	{border-color:#D63301; background-color:#FEEFB3; color:#9F6000; background-image: url('/Themes/californiatourism/Images/messageicons/warning.png');} 
.messageWarning		{border-color:#9F6000; background-color:#FFCCBA; color:#D63301; background-image: url('/Themes/californiatourism/Images/messageicons/warning.png');}


/* Navigation  ================================================================================= */
#navigation {padding-left:5px; /* adjusts the horizontal position of the top-level nav */}
#navigation ul {padding: 0;margin: 0;list-style: none;}
#navigation li {float: left;background: transparent url(/Themes/californiatourism/Images/common/nav_divider.png) no-repeat bottom right;padding:0 0 0 0px;}
#navigation li.last_nav_item {background-image:none;}
#ix-nav > li > a {text-decoration:none;display: block;
	padding:0 15px 0 17px; /* adjust the width of the tabs by adjusting the left & right padding */
	margin-right:2px; /* add 1px gap on right side of tab */
	height:23px; /* 47 - 24 */
	color: #eee;text-transform: uppercase;font-size: 1.21em;
	text-shadow: #000 1px 1px 3px; /* This is valid in CSS 2 and 3 but not 2.1 */
	white-space:nowrap; /* fix IE8 comp mode issue where nav text wraps */
}

a:link { color: #0000FF;text-decoration:underline;}

#navigation li.last_nav_item a.nav_level1_link {margin-right:0px;}
#ix-nav :first-child a.nav_level1_link {padding-left:45px; /* Add padding so the entire background highlight can be seen */}
.highlighted_nav_item a.nav_level1_link, .body_home #ix-nav :first-child .nav_level1_link {
	background: transparent url(/Themes/californiatourism/Images/common/nav_highlight.png) no-repeat bottom right; /* current page item, home, spec 0-2-1, 1-3-0 */}
#navigation #ix-nav.unhighlight_nav_item a.nav_level1_link {background-image:none; /* unhighlight current page item, spec 2-2-1 */}
#ix-nav > li:hover > a {background: transparent url(/Themes/californiatourism/Images/common/nav_highlight.png) no-repeat bottom right; /* hovered item, spec 3-2-2 */}

/* Nav panel */
#ix-nav > li > ul {background-color:#e5e5e5;padding:20px 10px 0 20px;overflow:visible;position:absolute;display:block;top:-999em;opacity:0;
            box-shadow: 3px 3px 8px 0px #656565;border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.add_ribbon .nav_panel {height:300px; /* 330 - 30 */background:url(/Themes/californiatourism/Images/common/nav_shadow.png) repeat-x; background-color:#e5e5e5 }
.nav_panel ul {float:left;  background-color:#e5e5e5; /* Needed when images are turned off */}
#ix-nav > li > ul > li {float:none;background:transparent url(/Themes/californiatourism/Images/content/bullet_blue_disc.png) no-repeat 0 2px;padding:0px 0px 20px 18px;}
.javascript_off #navigation li:hover .nav_panel {display:block;z-index:2;}
.nav_p_heading {color:#003366;font-size:14px;font-weight:bold;}
.nav_p_description {font-size:11px;padding-top:4px;}
#ix-nav > li:hover > ul {opacity:1;top:auto;}

/* popUP elements ============================================================================== */
.iframeClose {border:none;color:white;position:absolute;top:-4px;right:-3px;height:30px;
              background: linear-gradient(to bottom, #cde0ff 0%,#1e62d0 100%); border-top-right-radius:8px;}

.iframeClose:hover {text-decoration:underline;cursor:pointer}
.iframeLabel {display:block;padding:4px 2px 0px 10px;height:30px;font-size:16px;font-weight:600;color:#ffffff; border-top-left-radius:8px;
			  position:absolute;top:-4px;left:-4px;right:40px;margin-bottom: 10px;background:linear-gradient(to bottom, #ffceaa 5%, #E87622 100%);  }
.iframePopUp .button-group{padding-right:25px;}

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

.popUp {padding:10px;background-color:white;border:4px solid #ffab23;box-shadow: 3px 3px 7px 0px #807f7f; border-radius:8px}
.popupBars {color:white}
.popupBars a {color:white}
.popupBars:hover{color:white}
.popupMenu {border:1px solid #f3640d;background-color:#f6fbff;border-top:8px solid #E87622;padding:5px;border-radius:4px;box-shadow: 3px 3px 7px 0px #656565;}
.popupMenu a {border:1px solid #ffffff; border-radius:4px;display:block; padding:2px 8px;}
.popupMenu a:hover {color:#006bff;border: 1px solid #408adb;
                    background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); }
.popupMenu hr{margin: 5px 2px 5px 2px}

/* Shadows  =========================================================================== */
.buttonShadow{box-shadow: 3px 3px 7px 0px #656565;}
.shadow01 {box-shadow: 4px 4px 5px 0px rgba(120,120,120,1);}   
.shadow02 {box-shadow: 4px 4px 5px 0px rgba(51,51,51,1);}
.shadow03 {box-shadow: 4px 4px 5px 0px rgba(0,0,0,1);}


.login-form{margin-top:20px;}
.login-form input[type='text'], .login-form input[type='password'] {width:210px;}
#remember-me{width:auto;height:auto;padding:0px; margin: 3px 0;line-height: normal; cursor:pointer;display:inline-block;}
.login-form label.forcheckbox{margin: 0 0 0 .4em;display:inline;padding:0 0 0.3em 0}
.login-form .primaryAction{line-height:18px;margin:10px 0px 0px 0px;vertical-align:middle;background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb));
    background: -moz-linear-gradient(top , #F5F5F5, #cbcbcb);
    border: 1px solid #999;padding:.3em 1.8em;}
    
    .login-form legend{display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 27px;
    font-size: 19.5px;
    line-height: 36px;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #eee;}
    
.validation-summary-errors {padding-top: 15px; color:Red;font-weight:bold; }
.mainBody{padding-bottom:25px;}
.content-item p{font-size:15px;margin-bottom:10px;}
.content-item li{font-size:15px;}
.content-item blockquote{color:#454545;font-size:15px;margin-left:40px;margin-bottom:10px;}

.content-localization {
    overflow: visible;
}

.content-localization .content-localizations {
    position: relative;
    top: -65px;
    margin-bottom: -65px;
}

.content-localization .content-localizations span {
    display: none;
}

.content-localization .content-localizations span.lang {
    display: inline;
}

ul.nav > li > ul > li > a.nav_stick{color:#0161C1 !important;text-decoration:none;}
ul.nav > li > ul > li > a.nav_stick:hover{color:#0161C1 !important;text-decoration:underline;}