body{
	font-family: helvetica, arial, sans-serif;
	font-size: 0.8em;
	margin: 0;
	text-align: center;
    background-color: #4b4746;
}
table{
	font-size: 1em;
}

.cleaner{
	clear: both;
	height: 0px;4b4746
	font-size: 0px;
	background: transparent;
}
.site_container{
	margin: 0 auto;
	width: 990px;
	text-align: left;
	position: relative;
}
h1{
	font-size: 1.8em;
	margin-bottom: 10px;
	margin-left: 16px;
}
h2{
	font-size: 1.2em;
	margin: 8px 0px;
	margin-left: 17px;
}
/*ul{
	display: block;
	margin: 1.12em 0;
	margin-left: 40px;
}
li{
	display: list-item;
	list-style-type: circle;
	margin: .5em 0;
}*/
strong{
	font-weight: bold;
}
p{
	padding: 15px 0px 15px 0px;
}

.printable{
	display: none;
}
.not_printable{
	display: block;
}

#page_middle{
	background-color: #f4f4df;
}


#page_bottom, #page_top{
	background-color: #4b4746;
	min-height: 165px;
}
#page_top {
    background: #4B4746 url(/images/top_border.png) top left repeat-x;
    height: 190px;
}

#header{
	background-color: #829ec3;
	height: 190px;
	width: 990px;
	background-image: url(/images/header.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}

#header #c3p_logo_btn a{
	width: 176px;
	height: 156px;
	display: block;
	background-image: url(/images/c3p_top_logo.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#header #c3p_logo_btn a:hover{
	background-position: -176px 0px;
}

/*******Stuff for top menu**********/
#topmenu{
	position: absolute;
	top: 4px;
	left: 16px;
	background-image: url(/images/language_bg.png);
	width: 142px;
    height: 26px;
}
#topmenu a{
	display: block;
	float: left;
	color: #4c4240;
	text-decoration: none;
	font-size: 12px;
	margin-top: 3px;
	font-weight: bold;
}
#topmenu a:hover{
	color: #67898e;
}
a#home_button
{
	display: block;
	background-image: url(/images/home.png);
	margin: 2px 14px 0px 10px;
	height: 16px;
	width: 19px;
}
a#home_button:hover
{
	background-position: -19px 0;
}
#topmenu .divider
{
	color: #4c4240;
	float: left;
	width: 2px;
	margin: 3px 16px 0px 0px;
}
/*******End of stuff for top menu**********/

#main_menu{
	float: left;
}

/*#bottom-container {*/
    /*position:   relative;*/
    /*padding-bottom: 30px;*/
/*}*/

a.tip_or_sighting{
	background-image: url(/images/tip_or_sighting.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 93px;
    width: 165px;
	margin: 18px auto 0px auto;
	padding-bottom: 0px;
    display: block;
}
a.tip_or_sighting:hover{
	/*background-color: #cfd9d1;*/
	background-position: -165px 0px;
}

.keep_hope_alive_wrapper {
    position: relative;
    margin-top: 10px;
    padding-top: 18px;
    text-align: center;
}
.keep_hope_alive_wrapper:before {
    position: absolute;
    content: '';
    top: 0;
    width: 80%;
    left: 10%;
    display: block;
    background-color: #f4f4df;
    height: 2px;
}
.keep_hope_alive_wrapper p {
    padding: 0!important;
    margin: 0 10px 10px;
}
a.keep_hope_alive {
    display: block;
    margin: 15px;
    padding: 15px 15px 20px;
    text-align: left;
    color: white !important;
    font-size: 13px;
    line-height: 1.1;
    font-weight: bold;
    border-radius: 1em;
    background-image:
    	linear-gradient(to top, #20384b, transparent 40%),
    	url("/images/keep-hope-alive-bg.jpg")
	;
    background-size: cover, cover;
    background-position: center, center 20%;

    text-shadow: 1px 1px 4px #2b353d,
    	0 0 1em #2b353d,
    	0 0 0.5em #2b353d
	;
}
a.keep_hope_alive:hover {
    text-decoration: none !important;
}

.keep_hope_alive .anniversary,
.keep_hope_alive .walk-title {
    display: block;
    text-transform: uppercase;
}
.keep_hope_alive .anniversary sup {
    text-transform: lowercase;
    font-size: 0.6em;
    padding-left: 0.1em;
}
.keep_hope_alive .anniversary {
    font-size: 18px;
    margin-top: 134px;
}
.keep_hope_alive .walk-title {
    font-size: 23px;
    color: #ddaf1e !important;
}

a#panic_button_top
{
	position: absolute;
	top: 134px;
	left: 29px;
	background-image: url(/images/panic_top.png);
	width: 120px;
	height: 31px;
}

a#missing_kids_logo
{
	position: absolute;
	top: -10px;
	right: 0;
	width: 417px;
	height: 170px;
	display: block;
    background: url(/images/mk_full.png) 0 0 no-repeat;
}
a#missing_kids_logo:hover {
    background-position: 0 -170px;
}
a#tip_or_sighting_header {
    position: absolute;
    top: 136px;
    right: 86px;
    /*width: 285px;*/
    /*height: 20px;*/
    display: block;
    
    font-size: 120%;
    padding: 12px 16px 10px;
    border-radius: 10px;
    color: #4b4746;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    background-color: #dd9d33;
    box-shadow: 0px 3px 5px #393635, inset 0px 4px 5px #e4ad51;
    /*background: url(/images/tip_or_sighting_header.png) 0 0 no-repeat;*/
}
a#tip_or_sighting_header:hover {
    color: #fcfcf5;
    background-color: #66878c;
    box-shadow: 0px 3px 5px #393635, inset 0px 4px 5px #819da1;
    /*background-position: 0 -67px;*/
}
a#tip_or_sighting_header:active {
    box-shadow: 0px 3px 5px #393635, inset 0px 2px 3px rgba(0,0,0,0.2);
}

a#our_other_sites
{
	position: absolute;
	top: 129px;
	left: 859px;
	background-image: url(/images/our_other_sites.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 17px;
	display: block;
}

#left-nav .contents a, #leftmenu .contents p{
	color: #4c4240;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 8px 11px 8px 35px;
	margin: 0px;
}

#left-nav-container {
    width: 176px;
	float: left;
	background-color: #cfd9d1;
}

#left-nav {
	padding: 0px 0px 25px 0px;
}

#left-nav #left-nav-title
{
	background-image: url(/images/left_nav_title.png);
	height: 52px;
	width: 140px;
	margin: 3px 0px 7px 14px;
}

#left-nav ul {
    margin: 0;
    padding: 0;
    line-height: 14px;
    position: relative;
}

#left-nav li {
    list-style-type: none;
    padding: 0px 0 1px 0;
	background-image: url(/images/left_menu_separator.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#left-nav li.bold{
    font-weight: bold;
}

#left-nav li.container {
    padding: 0 0;
}

#left-nav ul li ul li.container {
    padding: 0 0 0 25px;
	background: transparent url(/images/expand.png) no-repeat scroll 3px 5px	
}

#left-nav ul li ul li {
    padding: 15px 0 0 25px;
	background: transparent url(/images/expand.png) no-repeat scroll 3px 5px	
	
}

#left-nav ul li ul li.container {
    background-image: none;
}

#left-nav a.selectedoption, .left_nav a.selectedoption {
    color: #cfd9d1;
	background-color: #4c4240;
}

#left-nav a {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
    color: #000000;
    display:table-cell;
    text-decoration: none;
}

#left-nav a:hover {
    color: #cfd9d1;
	background-color: #4c4240;
}

#left-nav .contents a.panic_button_bottom{
	background-image: url(/images/panic_bottom.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 122px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 15px;
}




#left-nav .contents a.panic_button_bottom:hover{
	background-color: #cfd9d1;
}



#left-nav .contents div#call_us{
	background-image: url(/images/call_us.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 55px;
	margin: 18px 0px 0px 17px;
	padding-bottom: 0px;
}

#left-nav-bottom
{
	background-image: url(/images/left_menu_bottom.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 152px;
	width: 176px;
	color: red;
}

.left-nav-separator
{
	background-image: url(/images/left_menu_separator.png);
	width: 176px;
	height: 1px;
}


/* sub menu */

#submenu {
    width: 612px;
    margin-bottom: 15px;
}
#submenu div div.line {
    background: url(/images/submenu/line.png) top left no-repeat;
    height: 1px;
    width: 612px;
    padding: 0;
}

#submenu div div.bottom {
    margin-top: 2px;
}
#submenu div div.top {
    margin-bottom: 2px;
}
#submenu div div.container {
    background: url(/images/submenu/bg.png) top left repeat-y;
    overflow: hidden;
    width: 612px;
    
}

#submenu div div.container div.container2 {
    margin: 5px;
    overflow: hidden;
}


#submenu ul {
    
    list-style-type: none;
    padding: 2px 0px 2px 10px;
    margin: 6px 2px;
    
}

#submenu ul.right {
    margin-top: 5px;
}


#submenu div.container div.container2 div {
    float: left;
    width: 301px;
    
}



/*
#submenu ul.right {
    background-color: #d5dfdf;
    height: 100%;
    min-height: 100%;
}
*/
#submenu ul li a {
    padding: 6px 0px 6px 10px;
    line-height: 14px;
}

#submenu div.container div.container2 div {
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}

#submenu div.container div.container2 div.right {
    background-color: #d5dfdf;
}



#submenu ul li a {
    display: block;
    width: 98%;
    height: 100%;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #4c4240;
}

#submenu ul.left li a:hover
{
    text-decoration: underline;
}
#submenu ul.left li a.selectedoption {
    background: url(/images/submenu/left_selected.png) top left repeat-y;
}

#submenu ul.right li a:hover, #submenu ul.right li a.selectedoption {
    text-decoration: underline;
}

#submenu_nav {
    margin-top: 30px;
    width: 100%;
    background: url(/images/content_line.png) top center no-repeat;
    padding-top: 30px;
}
#submenu_nav a.next_button, #submenu_nav a.previous_button
{
    background: url(/images/submenu/next_bg.png) top left no-repeat;
    display: block;
    
    float: right;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    width: 292px;
    text-decoration: none;
    text-align: right;
    padding: 0 10px 0 0;
}

#submenu_nav a.previous_button {
    margin-right: 5px;
    text-align: left;
    padding: 0 0 0 10px;
    float: left;
}

#page_container{
	width: 990px;
	color: #58595b;
}
#page_container.with_leftmenu{
	float: left;
	width: 636px;
}
#page_container .contents{
	padding: 18px 25px 25px 25px;
}
#page_container.with_leftmenu .contents{
	padding: 18px 12px 18px 12px;
}

#page_content {
    font-size: 1.1em;
}
#page_container .contents #page_content a:link,
#page_container .contents #page_content a:visited,
#page_container .contents #page_content a:active,
#page_content span.anchor_helper
{
	text-decoration: none;
	color: #67898e;
	font-weight: bold;
}

#page_container .contents #page_content a:hover
{
	text-decoration: underline;
}



#page_container .contents #page_content div.callout p {
    padding-left: 0px;
    padding-right: 0px;
}

#page_content div.expander {
    background: url(/images/content_line.png) center top no-repeat;
    margin-top: 20px;
}

#page_container .contents #page_content div.expander h3 {
    
    font-size: 21px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    float: left;
    width: auto;
}
#page_content div.expander a.expander_link {
    cursor: pointer;
}
#page_content div.expander a.expander_image {
    background: url(/images/plusminus.png) top left no-repeat;
    height: 15px;
    display: block;
    width: 16px;
    margin-top: 8px;
    float: left;
    
}

#page_content div.expander a.expander_image.expanded {
    background-position: 0 -15px;
}

/****Stuff for buttons at the top of the content.****/
#top_button_bar
{
	height: 62px;
	margin: 0px 0px 14px 11px;
}
#top_button_bar a
{
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	float: left;
	height: 62px;
}
#top_button_bar a#missing_children_database
{
	background-image: url(/images/missing_children_database.png);
	width: 174px;
}
#top_button_bar a#missing_children_database:hover
{
	background-position: -174px 0px;
}
#top_button_bar a#about_us
{
	background-image: url(/images/about_us.png);
	width: 121px;
}
#top_button_bar a#about_us:hover
{
	background-position: -121px 0px;
}
#top_button_bar a#community_response_plan
{
	background-image: url(/images/community_response_plan.png);
	width: 168px;
}
#top_button_bar a#community_response_plan:hover
{
	background-position: -168px 0px;
}
#top_button_bar a#donate
{
	background-image: url(/images/donate.png);
	width: 121px;
}
#top_button_bar a#donate:hover
{
	background-position: -121px 0px;
}
/****End of stuff for buttons at the top of the content.****/

#page_container .contents #page_content .indent_once
{
	padding-left: 20px;
}

#page_container .contents #page_content .indent_twice
{
	padding-left: 40px;
}

#page_container .contents #page_content h3
{
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 16px;
}

#page_container .contents #page_content p
{
	padding-top: 0px;
	padding-bottom: 15px;
    padding-left: 17px;
    padding-right: 10px;
    line-height: 22px;
}

#page_container .contents #page_content strong em, #page_container .contents #page_content em strong
{
	font-weight: bold;
	font-weight: italic;
}

#page_container .contents #page_content ul, #page_container .contents #page_content ol
{
	padding-top: 0px;
	padding-bottom: 15px;
    padding-left: 1.4em;
    margin-left: 1.4em;
}

#page_container .contents #page_content ul li ul {
    padding-bottom: 0;
}

#page_container .contents #page_content ul li
{
	line-height: 22px;
}

#page_container .contents #page_content ul li p
{
    padding-bottom: 5px;
}

#page_container .contents #page_content table.with_padding_left
{
	padding-left: 12px;
}

#page_container .contents #page_content div.with_padding_left
{
	padding-left: 14px;
}

#together_message
{
	background-image: url(/images/together_message.png);
	width: 580px;
	height: 56px;
	margin: 25px 0px 0px 16px;
}

#rightmenu{
	float: left;
	width: 178px;
	background-color: #dbe1d2;
}
#rightmenu .contents{
	padding: 0px 0px 0px 0px;
}
#rightmenu .contents .links a{
	display: block;
	padding: 7px 0px 7px 18px;
	text-decoration: none;
	color: #4c4240;
	font-weight: bold;
}

#rightmenu .contents .links a:hover, #rightmenu .contents .links a.selectedoption
{
	color: #dbe1d2;
	background-color: #4c4240;
}

#rightmenu .contents .links{
	padding-left: 0px;
}
#rightmenu-bottom
{
	background-image: url(/images/right_menu_bottom.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 125px;
	width: 178px;
	color: red;
}

#rightmenu .contents #search_area{
	margin: 0px;
	background-image: url(/images/search_bg.png);
	background-repeat: no-repeat;
	width: 178px;
	height: 75px;
}

#rightmenu .contents #search_area div#search
{
	float: left;
	background-image: url(/images/search_icon.png);
	margin: 32px 0px 0px 10px;
	width: 21px;
	height: 25px;
}

#rightmenu .contents #search_area div#search_textbox
{
	float: left;
	width: 127px;
	margin: 33px 0px 0px 4px;
}

#rightmenu .contents #search_area input#searchbox{
	width: 127px;
	height: 24px;
	font-size: 12px;
	color: #928683;
	font-weight: bold;
	background-color: #f2f2d9;
	border-top: 0px;
	border-left: 0px;
	border-right: 1px solid #c2ccb9;
	border-bottom: 1px solid #c2ccb9;
	padding: 5px 0px 0px 6px;
}

#supported_by
{
	width: 178px;
	height: 112px;
	background-image: url(/images/supported_by_bg.png);
}

img#supported_by_logo
{
	padding-left: 19px;
	padding-top: 14px;
}

#rightmenu .contents .links a#amber_alert
{
	background-image: url(/images/amber_alert.png);
	background-repeat: no-repeat;
	background-color: #dbe1d2;
	background-position: -86px 0;
	width: 86px;
	height: 47px;
	padding: 0px;
	margin: 13px 0px 18px 17px;
}

#rightmenu .contents .links a#amber_alert:hover
{
	background-position: -86px 0px;
}

#rightmenu .contents .links a#missing_kids_alert
{
	background-image: url(/images/missing_kids_alert.png);
	background-repeat: no-repeat;
	background-color: #dbe1d2;
	background-position: 0 0;
	width: 122px;
	height: 24px;
	padding: 0px;
	margin: 12px 0px 11px 18px;
}

#rightmenu .contents .links a#missing_kids_alert:hover
{
	background-position: -122px 0px;
}

#rightmenu .contents .links a#find_me_id
{
	background-image: url(/images/find_me_id.png);
	background-repeat: no-repeat;
	background-color: #dbe1d2;
	background-position: 0 0;
	width: 76px;
	height: 35px;
	padding: 0px;
	margin: 13px 0px 9px 18px;
}

#rightmenu .contents .links a#find_me_id:hover
{
	background-position: -76px 0px;
}

#social_network
{
	padding: 14px 0px 9px 18px;
}

#rightmenu .contents a#log_in
{
	background-image: url(/images/log_in.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 84px;
	height: 43px;
	padding: 0px;
	margin: 13px 0px 9px 13px;
	display: block;
}

#rightmenu .contents a#log_in:hover
{
	background-position: -84px 0px;
}

#main_area{
	position: relative;
	background-image: none;
	float: left;
}
#main_area.with_leftmenu{
	/*background-image: url(/images/content_bg_leftmenu.png);
	background-repeat: repeat-y;
	background-position: 0 0;*/
}
#home_contents{
	padding-left: 11px;
}

.form_container{
	padding: 20px;
	text-align: left;
}
#rf_leftside, #rf_form_area{
	float: left;
}
#rf_leftside{
	width: 220px;
}
#rf_leftside a{
	display: block;
	padding: 5px 10px;
	color: #333333;
	text-decoration: none;
}
#rf_leftside a:hover, #rf_leftside a.active{
	background-image: url(/images/leftmenu_item_bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	color: #ffffff;
}
#rf_form_area{
	padding-left: 20px;
}
.x-combo-list-item{
	text-align: left;
}
#footer{
	min-height: 125px;
	position: relative;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
}
#footer .contents{
	font-size: 10px;
	padding: 9px 0px 0px 20px;
}
#footer #owned_msg{
	display: block;
	position: absolute;
	left: 15px;
	top: 14px;
	padding: 10px 0px 10px 35px;
	background-image: url(/images/footer_c3p_logo.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 463px;
	height: 32px;
}
#footer_links{
	position: absolute;
	top: 23px;
  right: 20px;
}
#footer_links a{
	color: #ffffff;
	text-decoration: none;
}
#footer_links a:hover{
	text-decoration: underline;
}

.tooltip_container{
	float: left;
	height: 20px;
	width: 20px;
	background-position: 2px;
	background-repeat: no-repeat;
	background-image: url(/images/help.png);
}
.x-form-item-label-tooltip {
    line-height: 16px;
}


img.tooltip_image {
    vertical-align: top;
}

#home_button_bar{
	height: 113px;
}
#home_button_bar a{
	width: 147px;
	height: 113px;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	float: left;
}
#home_button_bar a:hover{
	background-position: -147px 0;
}
#home_button_bar a.current_cases{
	background-image: url(/images/home_bb_currentcases.png);
}
#home_button_bar a.cap{
	background-image: url(/images/home_bb_cap.png);
}
#home_button_bar a.missingdb{
	background-image: url(/images/home_bb_missingdb.png);
}
#home_button_bar a.report{
	background-image: url(/images/home_bb_report.png);
}

#pre_intake{
	
}

#lea_bestguess{
	padding: 10px;
	font-size: 1.2em;
	color: #a0a686;
	font-weight: bold;
}
#lea_list{
	padding-left: 10px;
	margin-bottom: 20px;
	height: 200px;
	width: 400px;
	overflow: auto;
	border: 1px solid #000000;
}
.lea_name, .lea_number{
}
.lea_number{
	font-weight: bold;
	padding-bottom: 10px;	
}

#intake_form_container ul{
	display: auto;
	margin: 0;
}
#intake_form_container li{
	display: auto;
	list-style-type: none;
	margin: 0;
}

.primary_contents{
	
}
.primary_contents ul{
	margin-left: 40px
	display: block;
	margin: 1em;
	margin-left: 2em;
}
.primary_contents ul ul{
	margin-top: 0;
	margin-bottom: 0;
}
.primary_contents ul li{
	list-style: disc outside;
}
.primary_contents li{
	display: list-item;
}

/** ext-js overrides **/

/* formatting for horizontal radio button groups was just too squished in the tab
  panels in the forms.  Adjusted here **/
#main_form_container{
	margin: 0 15px
}
.upload-icon {
	background: url(/js/ext/examples/shared/icons/fam/image_add.png) no-repeat 0 0 !important;
}


.x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer {
	background-color:#f7f9ef;
	border-color:#aaba64;
}
.x-fieldset {
	border-color:#a0a686;
}
ul.x-menu-list{
	margin: 0;
}
li.x-menu-list-item{
	margin: 0px;
}

/* have to overwrite our page_content lists as it messed with the tabpanels (whoops)
probably breaks a few other things, but I'm not sure how to easily fix (especially when you mix in regular content with extjs stuff )
*/
#page_container .contents #page_content .x-tab-panel ul {
    margin: 0;
    padding: 0;
}
.x-tab-panel-header, .x-tab-panel-footer {
	border-color:#a0a686;
}
.x-tab-panel-header, .x-tab-panel-footer {
	background-color:#d2dab0;
}
ul.x-tab-strip-top {
	background-color:#d2dab0;
	background-image:url(/images/ext/tab-strip-bg.png);
	border-bottom-color:#b9bf9b;
}
.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {
	background-image:url(/images/ext/tabs-sprite.png);
}
.x-tab-strip-active span.x-tab-strip-text, .x-fieldset legend{
	color: #505c47;
}
.x-tab-panel-body {
	border-color:#a0a686;
}
.x-tab-strip span.x-tab-strip-text {
	color:#505c47;
}
.x-panel-body-noheader, .x-panel-mc .x-panel-body {
	border-top-color:#a0a686;
}
.x-panel-body {
	border-color:#a0a686;
}
.x-panel{
	border-color: #a0a686;
}
.x-panel-mc{
	background-color: #d2dab0;	
}
.x-panel-ml, .x-panel-mr{
	background-image: url(/images/ext/left-right.png);
}
.x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{
	background-image: url(/images/ext/corners-sprite.png);
	border-bottom-color: #a0a686;
}
.x-panel-bc{
	background-image: url(/images/ext/top-bottom.png);
}

.x-form-cb-label {
	margin: 0px 8px 0px 4px;
}

.x-tab-scroller-right-over {
    background-position: -18px 0;
}

.x-tab-tabmenu-right {
    background: transparent url(/images/tab-scroller-menu.gif) no-repeat 0 0;
    border-bottom: 1px solid #8db2e3;
    width:18px;
    position:absolute;
    right:0;
    top:0;
    z-index:10;
    cursor:pointer;
}
.x-tab-tabmenu-over {
    background-position: -18px 0;
}
.x-tab-tabmenu-disabled {
    background-position: 0 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}

.x-field-tooltip {
    text-align: left;
}

.x-field-tooltip .x-tip-body {
    padding: 10px;
}

/* fix for labelAlign in fieldsets (if formpanel is labelAlign: top and then fieldset is labelAlign: left  it will break it) */
.x-form-label-left .x-form-item label.x-form-item-label {
    width:auto;
    float:left;
    clear:left;
    display:block;  
    position:relative;
}
/* override labelAlign left and then top  (makes it left again with above) this is really hackish */
.x-form-label-left .x-form-label-top .x-form-item label.x-form-item-label {
    float: none;
}
/* required form fields */
.x-required {
   font-weight: bold;
}

.add-16-icon {
    background: url(/images/icons/add.png) 0 0 no-repeat;
}

.del-16-icon {
    background: url(/images/icons/delete.png) 0 0 no-repeat;
}

#content-anchor-tip ul {
    float: left;
    width: 200px;
    list-style-type: disc;
    margin-left: 15px;
} 

.ext-ie #content-anchor-tip ul {
    margin: 0;
    padding-left: 15px;
} 

#content-anchor-tip .thumb {
    float: right;
} 

#content-anchor-tip .status-icon {
    position: absolute;
    top: 4px;
    right: 50px;
    padding: 0;
    line-height: 0;
} 

#content-anchor-tip a:link, #content-anchor-tip a:visited {
    color: #339;
}
.icon-onlinesvc-add{
	background-image: url(/images/computer_add.png) !important;
}
.icon-onlinesvc-delete{
	background-image: url(/images/computer_delete.png) !important;
}
.icon-delete{
	background-image: url(/images/delete.png) !important;
}

.completed_section{
	background-image: url(/images/tick.png) !important;
}

.x-grid3-dirty-cell
{
	background-image:none;
}

.borderless {
    border: 0;
}

.footnote
{
	font-size: 0.7em;
}

.callout
{
	background-color: #fbfbf5;
	padding: 15px 22px 0px 8px;
	border-top: 1px solid #cac7b7;
	border-bottom: 1px solid #cac7b7;
	margin-bottom: 15px;
}

.callout a
{
	
}

#page_content ul, #page_content ol, .x-field-tooltip ul {
	list-style-type: disc;
	margin-left: 25px;
	font-family: helvetica, arial;	
}

#page_content ol, #page_content ul li ol{
	list-style-type: decimal;
	margin-left: 25px;
}

/* override extjs */
em {
	font-style: italic;
}

.right_menu_separator
{
	background-image: url(/images/right_menu_separator.png);
	width: 178px;
	height: 1px;
}
.navigation_bokbok {
    background: #d3dddd!important;
}
.navigation .item
{
    width: 198px;
    height: 40px;
}

.navigation .item .inner_item
{
    height: 25px;
    width: 196px;
    padding: 15px 1px 1px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}
.navigation .item.x-view-over .inner_item
{
    background: #efefef url(../js/lib/ext/resources/images/default/grid/row-over.gif) repeat-x left top;
    border: 1px solid #dddddd;
    padding: 14px 0px 0px;
    
}
.navigation .item.x-view-selected .inner_item
{
    background: #4f4c4b url(../js/lib/mk_theme/images/selected.gif) no-repeat right bottom;
    border: 1px solid #99bbe8;
    padding: 14px 0px 0px;
    color: #ffffff;
}

.buttons
{
    position: absolute;
    bottom: 5px;
    left: 30px;
    /*padding: 50px 10px 10px 30px;*/
}

.buttons a
{
    display: block;
    float: left;
    margin-right: 10px;
}

/* Intro/Home Section */
img.to_pop
{
	cursor: pointer;
}
/* Image Section */
#images .image {
    float: left;
    width: 110px;
    height: 110px;
    margin: 4px 0 4px 4px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}


#images .image.x-view-over
{
    /*background: #efefef url(../js/lib/ext/resources/images/default/grid/row-over.gif) repeat-x left top;*/
    /*background: #eff5fb url(../js/lib/mk_theme/images/selected.gif) repeat-y right bottom;*/
    background: #a59b97;
    border: 1px solid #4c4948;
    padding: 4px;
}

#images .image.x-view-selected
{
    background: #eff5fb url(../js/lib/mk_theme/images/selected.gif) repeat-y right bottom;
    border: 1px solid #4c4948;
    padding: 4px;   
}

/* Video Section */

#videos {
    padding: 10px;
}

#videos .video
{
    margin-bottom: 10px;
    width: 355px;
    height: 100px;
    float: left;
}

#videos .video .inner_video
{
    padding: 10px;
    width: 335px;
    height: 80px;
    cursor: pointer;
}

#videos .video.feature
{
	width: 715px;
	height: 150px;
}

#videos .video.feature .inner_video
{
	width: 695px;
	height: 130px;
}

#videos .video.x-view-over .inner_video
{
    background: #efefef url(../js/lib/ext/resources/images/default/grid/row-over.gif) repeat-x left top;
    border: 1px solid #dddddd;
    padding: 9px;
}
/*
#videos .video.x-view-selected .inner_video
{
    background: #4f4c4b url(../js/lib/mk_theme/images/selected.gif) no-repeat right bottom;
    border: 1px solid #99bbe8;
    padding: 9px;
    color: #ffffff;
}
*/
#videos .video img
{
    float: left;
    margin-right: 10px;
}

video {
  width: 100%;
  height: 100%;
  background-color: black;
}


/* Maps Section */

#maps {
    padding: 10px;
}

#maps .map
{
    margin-bottom: 10px;
    width: 715px;
    height: 175px;
    float: left;
}

#maps .map .inner_map
{
    padding: 10px;
    width: 695px;
    height: 155px;
    cursor: pointer;
}

#maps .map.x-view-over .inner_map
{
    background: #efefef url(../js/lib/ext/resources/images/default/grid/row-over.gif) repeat-x left top;
    border: 1px solid #dddddd;
    padding: 9px;
}
/*
#videos .video.x-view-selected .inner_video
{
    background: #4f4c4b url(../js/lib/mk_theme/images/selected.gif) no-repeat right bottom;
    border: 1px solid #99bbe8;
    padding: 9px;
    color: #ffffff;
}
*/
#maps .map img
{
    float: left;
    margin-right: 10px;
}

/* News Article Section */

#articles
{
    padding: 10px;
}
#articles .article
{
    margin-bottom: 10px;
    width: 716px;
}

#articles .article .inner_article
{
    padding: 10px;
    cursor: pointer;
}

#articles .article.x-view-over .inner_article
{
    background: #efefef url(../js/lib/ext/resources/images/default/grid/row-over.gif) repeat-x left top;
    border: 1px solid #dddddd;
    padding: 9px;
}

#articles .article.x-view-selected .inner_article
{
    background: #4f4c4b url(../js/lib/mk_theme/images/selected.gif) no-repeat right bottom;
    border: 1px solid #99bbe8;
    padding: 9px;
    color: #ffffff;
}

#articles .article span.website {
    font-weight: bold;
}

#articles .article span.title {
    font-style: italic;
}

#articles .article span.link {
    font-size: 10px;
}



.downloadable {
	display: block;
	background-image: url(/images/download_bg.png);
	width: 595px;
	height: 55px;
	cursor: pointer;
	color: #F2F2D9;
	font-weight: bold;
	margin-bottom: 20px;
}

.downloadable span {
	display: block;
	padding-left: 72px;
	padding-top: 19px;
	color: #F2F2D9;
	font-weight: bold;
}

/* slider */

#slider_container
{
	background-image: url(/images/slider/slider_container.png);
    position: relative;
    width: 580px;
    height: 272px;
    margin: 3px 0px 29px 17px;

}

#slider_window
{
    width: 472px;
    height: 244px;
    position: absolute;
    top: 10px;
    left: 10px;
	border: 4px solid #e1e5e5;
    overflow: hidden;
    
}

#slideshow_mover
{
    left: 0;
    position: absolute;
    width: 6000px;
    height: 244px;
}

.slider {
    width: 472px;
    height: 244px;
    float: left;
}

.slider_image
{
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 472px;
    height: 244px;
    display: block;
}

#slider_category_selection {
	position: absolute;
	left: 451px;
	top: 16px;
	height: 240px;
    width: 80px;
}
#slider_container #slider_category_selection ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#slider_container #slider_category_selection ul li
{
    float: left;
    margin: 0;
    padding: 0;
}

#slider_category_selection ul li a
{
    height: 48px;
    display: block;
    width: 80px;
}


/* MD page */

.md_content div {
	margin-left: 18px;
}
#md_top_banner {
	width: 580px;
	height: 286px;
	background-image: url(/images/md/md_top_banner.png);
	margin-bottom: 30px;
}

.md_content div div {
	margin-left: 0px;
}

div #md_top_banner_text {
	width: 350px;
	height: 103px;
	position: relative;
	left: 224px;
	top: 190px;
}

#md_watch_video a {
	display: block;
	width: 580px;
	height: 78px;
	margin: 60px 20px 20px 0px;
	background-image: url(/images/md/md_video_play.png);
}

.md_hline {
	width: 577px;
	height: 1px;
	background-image: url(/images/md/md_hline.png);
	margin-top: 25px;
	margin-bottom: 25px;
}

#md_vline {
	float: left;
	height: 302px;
	width: 1px;
	background-image: url(/images/md/md_vline.png);
	margin-left: 32px;
	margin-right: 32px;
	margin-top:20px;
}

#md_photo {
	display: block;
	height: 300px;
	width: 250px;
	background-image: url(/images/md/md_photo.png);
}
#md_photo:hover { background-image: url(/images/md/md_photo_over.png); }

#md_photo_en {
	display: block;
	height: 300px;
	width: 250px;
	background-image: url(/images/md/md_photo_en.png);
}
#md_photo_en:hover { background-image: url(/images/md/md_photo_en_over.png); }

#md_playground {
	display: block;
	width: 578px;
	height: 385px;
	background-image: url(/images/md/md_playground.png)
}
#md_playground:hover { background-image: url(/images/md/md_playground_over.png); }


.next_section {
	float: right;
	background-image: url(/images/next_section.png);
	width: 10px;
	height: 18px;
	margin-left: 8px;
	margin-top: 6px;
}

.prev_section {
	float: left;	
	background-image: url(/images/prev_section.png);
	width: 10px;
	height: 18px;
	margin-right: 8px;
	margin-top: 6px;	
}

.prev_section_txt {
	float: left;
	overflow: hidden;
	width: 270px;
	height: 26px;
}

.next_section_txt {
	float: right;
	overflow: hidden;
	width: 270px;
	height: 26px;	
}

/* floated left images bok bok */
.fleft {
    float: left;
}

.fleft_pad {
    padding: 0 25px 0 18px; 
}
/*.fleft img { cursor: pointer; }*/

#presentation
{
	padding-left: 18px;
}

/* EOF */