/* HPE CaaS Header Footer */
.clearall {font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; clear: both; float: none; height:0px; }
#content {display:block;}
#body {background-color:#111111; font:13px arial;}
#hpe_wrapper {margin:0 auto; width:1000px;}
#hpe_wrapper .title_area h1 {margin:0px 0px 15px 0px;}
#hpe_wrapper .title_area .share_section {margin:10px 0px 0px 0px;}

/* Overrides */
.title_area {background-image: url(../images/title_area_bg2.jpg);}
#main_column p, #main_column li {letter-spacing: normal;}
h2 {color:#FFFFFF;}

/* General Styles */
.float:left {float:left; padding:0px 10px;}
.float-right {float:right; padding:0px 10px;}
.content_block h3 {font-weight:normal; color:#FFFFFF;}
.content_block h4 {font-weight:normal; color:#FFFFFF;}
.content-indent {margin-left:20px;}
p {margin-bottom:10px;}
#main_column .content_block img.video-icon {margin-bottom:-2px; padding-right:2px;}
#main_column a.gray-links {color:#b2b2b2;}
#main_column a.gray-links:visited {color:#b2c1e1;}
.h2-banner-text {left: 32px; position: absolute; top: 40px; width: 320px; font-size: 14px; line-height: 26px;}
p.video_title {font-size:17px; color:#f2f2f2; padding-bottom:15px;}


/* OVERLAY STYLES */
.vdo_wdg {width:625px;}
.pop_cnt {background:none repeat scroll 0 0 #222222; display:none; left:50%; top:50%; position:absolute; z-index:101;}
.cnt20 {padding:20px;}
.pop_drk {background:none repeat scroll 0 0 #000000; left:0; position:absolute; top:0; width:100%; z-index:100;}
.lng_cls {background:url(../i/popup_close.gif) no-repeat scroll 0 0 #666666; height:19px; position:absolute; right:10px; top:10px; width:19px; text-decoration:none;}
.lng_cls:hover,.lng_cls:focus{text-decoration:none;}
.modalWindow {background-color:#FFFFFF; border:3px solid #000000; display:none; left:65px; padding:10px; position:absolute; top:90px; width:auto;z-index:150;}
#opaqueLayer{z-index:2; background-color:#000}

/* Creations Video */
.creations-vid {float:right; width:220px; padding-left:15px; margin-top:6px;}

/* Buttons */
a.primary_button_24px {
	background: url(../i/buttons_sprite_24px.png) no-repeat scroll left 0 transparent;
	display: block;
	height: 24px;
	margin: 10px 0;
	overflow: visible;
	position: relative;
	text-decoration: none;
	width: 5px;
}
a.primary_button_24px:hover {background-position: left -24px;}
#main_column a.primary_button_24px:hover {text-decoration:none;}
a.primary_button_24px span {
	background: url(../i/buttons_sprite_24px.png) no-repeat scroll right 0 transparent;
	color: #f2f2f2;
	cursor: pointer;
	display: inline;
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 13px;
	margin-left:3px;
	padding: 3px 14px 8px 11px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	width: auto !important;
}
a.primary_button_24px:hover span {background-position: right -24px;}
a.secondary_button_24px {
	background: url(../i/buttons_sprite_24px.png) no-repeat scroll left -48px transparent;
	display: block;
	height: 24px;
	margin: 10px 0;
	overflow: visible;
	position: relative;
	text-decoration: none;
	width: 5px;
}
a.secondary_button_24px:hover {background-position: left -72px;}
#main_column a.secondary_button_24px:hover {text-decoration:none;}
a.secondary_button_24px span {
	background: url(../i/buttons_sprite_24px.png) no-repeat scroll right -48px transparent;
	color: #b2b2b2;
	cursor: pointer;
	display: inline;
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 13px;
	margin-left:3px;
	padding: 3px 14px 8px 11px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	width: auto !important;
}
a.secondary_button_24px:hover span {background-position: right -72px;	color:#f2f2f2;}

/* STYLIZED DROPDOWN MENUS */
/* Select Box Styling (uses javascript to create background image spans. See custom-form-elements.js */
#styled-select-country_origin {color:#999999; position: absolute; width: 193px; height: 28px; padding: 7px 24px 0 8px; font-size: 12px; background: url(../images/select_bkg_225.jpg) no-repeat; overflow: hidden; }
#styled-select-subject {color:#999999; position: absolute; width: 228px; height: 28px; padding: 7px 24px 0 8px; font-size: 12px; background: url(../images/select_bkg_260.jpg) no-repeat; overflow: hidden; }
#countrydropdown {height:28px;} 
#subjectdropdown {height:28px;}

#main_column .dropdown_form {height:45px; width:205px; float:left;}
#main_column .dropdown_button {height:45px; width:50px; float:left;}
#main_column .dropdown_button a.secondary_button_24px {margin-top:3px;}

/* FORM STYLING */
.content_block form {font-size:12px; color:#B2B2B2;}
.content_block .form_required_notify {margin-bottom:10px;}
.content_block .form_required_notify span {color:#FF6000; font-size:17px;}
.content_block .form_section {clear:both; margin-bottom:10px; min-height:30px; height:auto !important; height:30px;}
.content_block .form_label {width:200px; float:left; text-align:right; padding-right:10px;}
.content_block .form_label span {color:#FF6000; font-size:17px;padding-left:2px;}
.content_block .form_element {float:left; width:300px;}
.content_block .form_element .form_textfield, .content_block .form_element .form_textarea {
	padding: 8px 10px; border: none; background-color: #343637; font-size: 12px; color: #999999; border-top: solid 1px #111111; border-left: solid 1px #111111;
}
.content_block .form_element .form_textfield:focus,	.content_block .form_element .form_textarea:focus {color: #F2F2F2; background-color: #3E4041;}
.content_block .form_element .form_submit {border:none; margin:10px 0px 0px 400px;}