/* @override 
	http://localhost:8081/css/pftv10.css
	http://localhost:8081/css/pftv10.beta.css
*/

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #0C8CCD;
	background-image: url('/img/10_body_back.png');
	background-repeat: repeat-x;
	margin: 5px;
	text-align: center;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	color: #333333;
}

button {
	background-color: #0380c1;
	color:  white;
}

#pagecontent {
	
	width: 950px;
	margin-left: auto;
	margin-right:  auto;
}

a {
	color:  blue;
	text-decoration: none;
}

a:visited {
	color:  blue;
}

#navbararea {
	background-image: url('/img/10_navbar_back.png');
	min-height: 28px;
	max-height: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 950px;
}

#navbararea ul {
	list-style: none;
	font-size: 90%;
/*	font-weight: bold;*/
	min-height: 28px;
	max-height: 28px;
	line-height: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
}

#navbararea ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 28px;
	max-height: 28px;
	line-height: 28px;
	cursor: hand;
}

#navbararea ul li:hover {
	background-color: #252E36;
}

#navbararea ul li.active {
	background-color: #383c3e;
}

#navbararea ul li a {
	text-decoration: none;
	color: white;
/*	font-weight: bold;*/
}

.sectionmast {
	text-align: center;
	max-height: 120px;
	overflow: hidden;
	margin: 15px 0 0;
}

.sectionmast h3 {
	display: inline;
	float: left;
	width: 400px;
	margin-top: 40px;
}

.sectionmast div {
	display: block;
	float: left;
	text-align: center;
	width: 400px;
}


.sectionmast img {
	display: inline;
	float: right;
	width:  525px;
}

.sectionmast {
	clear: both;
}

.contentsection {
	text-align: left;
	clear: both;
	height: 400px;
	text-overflow: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 15px 0 0;
}

.contentsection .contentoutliner {
	height: 300px;
	float: left;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	width: 30%;
}

.contentsection .contentoutliner ul {
	margin: 0;
	padding: 0;
}

.contentsection .contentoutliner ul li {
	background-image: url('/img/10_body_greyback.png');
	background-color: #383c3e;
	padding: 8px;
	border: 1px solid #231f20;
}

.contentsection .contentoutliner ul a {
	color: white;
/*	font-weight: bold;*/
	text-decoration: none;
}

.contentsection .contentoutliner ul li.active {
	background-color: #0380c1;
	background-image: none;
/*	list-style-image: url('/img/CAMELEONsm.png');
	list-style-position: inside;*/
}


.contentsection .contentdisplay {
	height: 400px;
	float: right;
	width: 70%;
	text-shadow: #000000 0 0 0px;
	background-color: #0C8CCD;
}

.contentsection .contentdisplay div {
	height:  360px;
	padding:  10px;
	border: 1px solid #231f20;
	display: none;
	overflow-y: auto;
	background-color: white;
}

#section_contact .contentsection {
	min-height:  380px;
	height:  380px;
	text-align: left;
	text-overflow: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 15px 0 0;
}

#section_contact .contentsection .contentdisplay {
	height:  380px;
}

#section_contact .contentsection .contentdisplay div {
	height: 358px;
}


#contact_team {
	overflow: auto;
}

#contact_team div {
	font-size: .75em;
	max-height:  100px;
	margin: 0;
	padding:  0;
	display:  block;
	overflow: hidden;
	padding-right: 15px;
}

#contact_team div a {
	color:  blue;
}

#contact_about a {
	color: blue;
}

#contact_team div img {
	max-height:  75px;
	margin-top: 18px;
	float:  left;
	margin-right: 15px;
}

#contact_general  {
	text-align: center;
}

#hirecontent a{
	color:  blue;
}

#section_about {
	font-size: .75em;
}

#section_about .contentsection {
	min-height:  380px;
	height:  380px;
	text-align: left;
	text-overflow: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 15px 0 0;
}

#section_about .contentsection .contentdisplay {
	height:  380px;
}

#section_about .contentsection .contentdisplay div {
	height: 358px;
}


#section_know {
	font-size: .75em;
}

#section_know .contentsection {
	min-height:  380px;
	height:  380px;
	text-align: left;
	text-overflow: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 15px 0 0;
}

#section_know .contentsection .contentdisplay {
	height:  380px;
}

#section_know .contentsection .contentdisplay div {
	height: 358px;
}

#distributechoice {
	font-size: .75em;
}

#know_arch img {
	max-width: 100%;
}

/*
#contact_team div:hover {
	max-height: 200px;
		background-color: #AAA;
		border: 1px solid black;

}

#contact_team div:hover img {
	display:  inline;
}
*/

.actionbuttons {
	height: auto;
	padding: 0;
	border: none;
	display: block;
}

#contact_general label {
	display: block;
}
#contact_general input, #contact_general textarea {
	width: 400px;
}

#contact_team div, #contact_about div {
	height: auto;
	padding: none;
	border: none;
	display: block;
}

#contact_team div img {
	vertical-align: text-top;
	border: 1px solid black;
}


.contentsection .contentdisplay div.activecontent {
	display: block;
}

#footer {
	text-align: center;
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 80%;
	color:  white;
	text-shadow: black 1px 1px 4px;
}

#footer a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

/* VIEWER PORTAL STUFF HERE */
.featureblock {
	background: #383c3e;
	min-height: 200px;
	max-height: 200px;
	background-color: black;
	/*background:url(../brand/umi/img/Universe_image.png) repeat-x;*/
	color:  white;
	overflow: hidden;
}


.screenshot {
	display: block;
	overflow: hidden;
	min-width: 950px;
	margin-left: 0px;
	width: 828px;
	max-width: 828px;
}

.screenshotFrame { 
	min-height:200px;
	max-height: 200px;
	min-width: 950px;
	max-width: 950px
	overflow: hidden;
}
.screenshotWindow { 
	max-height:200px;
	width:  950px;
	max-width: 950px;
	margin-left: 0px;
	display: inline-block; 
	display: -moz-inline-stack;
	vertical-align: middle;
	overflow: hidden; 
	/*
	border: 3px solid #333; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 3px 5px #0a0a0a;
	*/
}
.screenshotCanvas { 
	max-height: 200px; 
	width: 950px;
	padding: 0px;
	vertical-align: top;
	overflow: hidden;
	margin: 0px;
	align: center;
	-webkit-transition: margin-left 0.5s ease-in-out;
}

.screenshotItem {
	max-height: 200px;
	width:  300px;
	max-width: 950px;
	margin: 0px;
	padding: 0px;
	align: center;
	display: inline-block; 
	display: -moz-inline-stack;
	vertical-align: top;
}

.screenshotImage { 
	margin-top: 25px;
	min-height: 100px;
	max-height: 100px;
	vertical-align: middle; 
}
.screenshotButton { opacity: 0.75; vertical-align: middle; display: inline; }
.screenshotButton:hover { opacity: 1.0; }


.captionItem { 
	text-align: left;
	height: 40px; 
	width: 350px;
	text-align: center;
	display: inline-block; 
	vertical-align: top;
	font-size: .80em;
}
.captionItem a { 
	color: white;
}
.captionItem li { 
}

.featuregallery {
	text-align: left;
	min-height: 500px;
}

.featuregallery h3 {
	color:  white;
	text-shadow: black 1px 1px 4px;

}

.featuregallery h3 a {
	text-shadow: none;
	font-size: .75em;

}

.searchbar {
	float: left;
	width: 300px;
	height: 30px;
	background: #000;
	border: 1px solid black;
	border-bottom: none;
	padding-left: 20px;
}

.catsearchbar{
	height: 50px;
}

#iCatSelection{
	width: 186px;
}
.searchbar input {
	width: 100px;
}

.featureoutliner {
	clear: left;
	width: 300px;
	float:  left;
	background-color: white;
	border: 1px solid black;
	min-height: 469px;
	max-height: 469px;
	overflow-y: scroll;
}

.catfeatureoutliner{
	min-height: 449px;
	max-height: 449px;
	
}

.featureoutliner div {
	padding: 10px;
	border-bottom: 1px solid black;
	min-height: 100px;
}

.featureoutliner div img {
	max-width: 100px;
	vertical-align: text-top;
}

.featureoutliner div h3 {
	display: inline;
	font-size: .9em;
			text-shadow: none;
			color: black;

}

.featureoutliner div h3 a {
	font-size: 1em;

}

.featureoutliner div p {
	font-size: .75em;
}

.activefeature {
	background-color: #666;
}

.activefeature {
	color:  white;
	text-shadow: #000000 1px 1px 4px;
}

.activefeature a {
	color: white;
	text-decoration: underline;
}

.featureoutliner div:hover {
	background-color: #383c3e;
		color:  white;
	text-shadow: #000000 1px 1px 4px;

}

.featureoutliner div:hover a{
	color: white;
	text-decoration: underline;
}

.featurehighlight {
	margin-top: -31px;
	width: 587px;
	float: right;
	background-color: white;
	border: 1px solid black;
	border-left: none;
	min-height: 400px;
	max-height: 400px;
	text-align: center;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 100px;
	padding-right:  30px;
	padding-left: 30px;
}

.catfeaturehighlight{
	margin-top: -51px;
}

.uiWhiteText{
	color: white;
	padding-right: 10px;
}
.featurehighlight img {
	max-width: 300px;
	text-align: center;
	float: left;
}

.featurehighlight div {
	float:  left;
	margin-right: 50px;
	margin-top:  -50px;
}

.featurehighlight h2 {
	margin: 5px;
	color: black;
}

.featurehighlight h3 {
	margin: 5px;
	color: black;
	text-shadow: none;
}

.featurehighlight button {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/ *OLD STUFF BELOW HERE */


#mainaccordion {
}




#consolebuttonarea {
	float: right;
	text-align: right;
	margin-right: 0px;
	margin-top: 35px;
}

#consolebuttonarea ul {
	list-style: none;
	margin-top: 5px;
	font-size: 70%;
	font-weight: bold;
}

#consolebuttonarea ul li {
	display: inline;
	border-right: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
	cursor: hand;
}

#consolebuttonarea ul li a {
	color: black;
}

#consolebuttonarea button {
	display: inline;
}

#masthead {
	background: white;
	width: 100%;
	margin-bottom: 30px;
	height: 6em;
	min-height: 105px;
}

#masthead img {
	margin-top: 15px;
	float: left;
}

#solutiontab, #vodtab, #channelstab, #brandtab, #monetizationtab, #hiretab, #publictab, #abouttab {
	border: 1px solid #aaaaaa;
	padding: 0px;
}

#sectiontabs {
	border: none;
}

#sectiontabsnav {
	background: none;
	border: none;
}

.clearer {
	clear: both;
}

#mainaccordion .ui-accordion-content,
#vodaccordion .ui-accordion-content,
#channelsaccordion .ui-accordion-content,
#brandaccordion .ui-accordion-content,
#monetizationaccordion .ui-accordion-content,
#aboutaccordion .ui-accordion-content
 {
	height: 0px;
	line-height: 0px;
	padding: 0px;
	margin: 0px;
}

.sideaccordioncontent {
	float: left;
	height: 300px;
	float: left;
	width: 60%;
	overflow: hidden;
}

.sideaccordioncontent div {
	height: 300px;
	padding: 15px;
}

.accordionholder {
	background: #DDD;
	height: 300px;
	float: left;
	width: 40%;
	overflow: hidden;
	white-space: nowrap;
}

.sideaccordioncontentblurb {
	display: none;
}

.sectionmast ul {
	list-style-image: url("/img/bluearrow.jpg");
	list-style-position: inside;
}

.sectionmast ul li{
	color: blue;
	cursor: hand;
}

.actionbutton {
	background-color: #0075C1;
	color: white;
	padding: 7px;
}

div#menu {margin:20px auto; }

#userstatus {
	display: none;
	float: right;
	text-align: right;
	margin-right: 25px;
	padding-right: 25px;
}

#masthead #userstatus {
	margin-right: 0px;
	padding-right: 0px;
}

#loginstatus {
	display: none;
	width: 100px;
}