﻿/******************
HTML Tags
******************/

body {
	
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	background-color:#FFF;
	color:#000000;
	margin:8px;	
	line-height:160%;
	}

#content p, #content-side p, table {
	margin:0px 0px 20px 0px;
	}

#content-side img {
	border:none;
	}

#breadcrumb-right label {
	display:none
	}

/******************
FORM STYLES
******************/

#content-container form {
	margin:20px 0px;
	padding:0px 0px 0px 0px;
	}

#content-container fieldset {
	margin:10px 0px 10px 0px;
	padding:0px 10px 10px 15px;
	}

/* a nested fieldset */
#content-container fieldset fieldset {
	margin:15px 0px 5px 0px;
	padding:0px 5px 5px 5px;
	}

#content-container legend {
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666666;
	font-weight:bold;
	}

/* a nested legend */
#content-container fieldset fieldset legend {
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	}

#content-container label {
	display:inline-block;
	padding-top:8px;
	}

#breadcrumb-right form {
	margin:0px;
	padding:0px;
	text-align:center;
	}

#breadcrumb-right form fieldset {
	margin:0px;
	padding:0px;
	border:none;
	}

#breadcrumb-right form legend {
	display:none;
	}

/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link {
	color:#000;
	}

a:visited {
	color:#000;
	}

a:hover {
	color:#999999;
	text-decoration:none;
	}

a:active {
	color:#B70000;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav-container a:link {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}

#mainnav-container a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}

#mainnav-container a:hover {
	text-decoration:underline;
	}

#mainnav-container a:active {
	color:#CCCCCC;
	text-decoration:none;
	}

#breadcrumb-container a:link {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#breadcrumb-container a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	}

#breadcrumb-container a:hover {
	text-decoration:none;
	}

#breadcrumb-container a:active {
	color:#CCCCCC;
	}

/******************
HEADINGS
******************/

h1 {
	font-size:1.3em;
	padding-top:4px;
	}

h2 {
	font-size:1.1em;
	}

h3 {
	font-size:1em;
	}
	
h4 {
	font-size:.9em;
	}

h5 {
	font-size:.8em;
	}
	
h6 {
	font-size:.75em;
	}
	
/******************
LAYOUT STYLES
******************/

#mainnav-container {
	background:#000;
	color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	height:206px !important;
	width:100%;
	vertical-align:top;
	margin:0px !important;
	table-layout:fixed;
	background:#000 URL(bar.jpg) repeat-y bottom left;
	}

#mainnav{
	width:16%;
	text-align:right;
	height:206px !important;
	vertical-align:top;
	padding-bottom:0px !important;
	padding-top:0px !important;
	}

#mainnav-side {
	width:210px;
	border-left:1px solid #FFFFFF;
	height:206px !important;
	background-color:#000;
	vertical-align:top;
	padding-bottom:0px !important;
	padding-top:0px !important;
	}
.posterphoto 
{
 	margin:0px !important;
	border:0px !important;   
}
#posterphoto {
	padding:0px !important;
	height:280px !important;
	vertical-align:bottom !important;
	background-image:url(Headers/Header1Background.jpg);
	background-repeat:repeat-y;
	background-color:#ffffff;
	margin:0px !important;	
	border:0px;
	}
#posterphoto img 
{
	margin:0px !important;
	border:0px !important;
	
}

#logo-container {
	background: #FFF;
	height:102px;
	width:100%;
	margin:0px;
	table-layout:fixed;
	font-size:1.8em;
}

.logoleft {
	background:#FFF url(logo.jpg) no-repeat top left;
	height:80px;
	margin:0px;
	width:33%;
	table-layout:fixed;
	cursor:pointer;
	}

#logo-right {
	height:108px;
	padding:0px 44px 0px 0px;
	background: url(logo-middle.jpg) repeat-x top;
	font-weight:bold;
	text-align:right;
	}

#breadcrumb-container {
	color:#FFFFFF;
	background-color:#e31b1e;
	height:30px;
	margin:0px;
	width:100%;
	table-layout:fixed;
	
	}

#breadcrumb-left {
	height:38px;
	padding:0px 0px 0px 44px;
	}

#breadcrumb-right {
	height:38px;
	width:210px;
	border-left:1px solid #FFFFFF;
	background-color:#e31b1e;
	}

#content-container {
	margin-top:10px;
	width:100%;
	/** Removed 24-02-10 : PVID-51 : table-layout:fixed; **/
	}

#content {
	padding:0px 44px;
	width:72%;
	vertical-align:top;
	min-height:400px;
	height:400px;
	}

#content-side {
	width:20%;
	vertical-align:top;
	padding-left:44px;
	}

#two-column-container {
	width:100%;
	margin:0px 0px;
	text-align:justify;
	table-layout:fixed;
	}
.two-column-container {
	width:100%;
	margin:0px 0px;
	text-align:justify;
	table-layout:fixed;
	}

#two-column-left {
	width:45%;
	padding-right:3%;
	vertical-align:top;
	}
.two-column-left {
	width:45%;
	padding-right:3%;
	vertical-align:top;
	}

#two-column-right {
	width:45%;
	padding-left:3%;
	vertical-align:top;
	}
.two-column-right {
	width:45%;
	padding-left:3%;
	vertical-align:top;
	}

#three-column-container {
	width:100%;
	margin:0px 0px;
	text-align:justify;
	table-layout:fixed;
	}
.three-column-container {
	width:100%;
	margin:0px 0px;
	text-align:justify;
	table-layout:fixed;
	}
/* Added 09-06-09 */
.three-column-container label 
{
    padding-top:0px !important;
}
#three-column-left {
	width:30%;
	padding-right:3%;
	vertical-align:top;
	}
.three-column-left {
	width:30%;
	padding-right:3%;
	vertical-align:top;
	}

#three-column-middle {
	width:30%;
	vertical-align:top;
	}
.three-column-middle {
	width:30%;
	vertical-align:top;
	}	

#three-column-right {
	width:30%;
	padding-left:3%;
	vertical-align:top;
	}
.three-column-right {
	width:30%;
	padding-left:3%;
	vertical-align:top;
	}

#sixtysixthirtythree-column-container {
	width:100%;
	margin:0px 0px;
	text-align:justify;
	table-layout:fixed;
	border:1px solid #EEE;
	}
.sixtysixthirtythree-column-container {
	width:100%;
	margin:0px 0px;
	text-align:justify;
	table-layout:fixed;
	border:1px solid #EEE;
	}

#sixtysixthirtythree-column-left {
	width:63%;
	padding-right:3%;
	vertical-align:top;
	}
.sixtysixthirtythree-column-left {
	width:63%;
	padding-right:3%;
	vertical-align:top;
	}

#sixtysixthirtythree-column-right {
	width:31%;
	padding-left:3%;
	vertical-align:top;
	}
.sixtysixthirtythree-column-right {
	width:31%;
	padding-left:3%;
	vertical-align:top;
	}

#footer-container {
	color:#FFFFFF;	
	margin:20px 0px 0px 0px;
	width:100%;
	table-layout:fixed;
	background-color:#ededed;
	height:120px;
	}

#footer-middle {
	width:28%;
	padding:10px 0px;
	}

#footer-side {
	margin-left:31%;
	padding:10px 15px;
	}

#footer-side a {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	}

/******************
Menu Items
******************/

#mainnav-container ul {
	margin:0px;
	padding:10px 15px 0px 15px;
	}

#mainnav-container li {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#mainnav-container select
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	width:120px;
	background-color:#e31b1e;
	color:#ffffff;
	font-weight:bold;
	padding:3px;
	border:solid 1px #ededed;
}	
	

/******************
LISTS - IN THE CONTENT AREA
******************/

#content ul.list, #content ul.link-list-vertical {
	margin:10px 0px 20px 10px;
	padding:0px;
	}

#content ul.list li {
	list-style:none;
	padding:1px 0px 1px 12px;
	margin:0px;
	background: url(bullet.gif) no-repeat;
	background-position:0 .4em;
	}

#content ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	}

#content ul.link-list-vertical li a:link {
	padding:1px 0px 1px 12px;
	background: url(bullet-link.gif) no-repeat;
	background-position:0 .4em;
	}

#content ul.link-list-vertical li a:visited {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position:0 .4em;
	}

#content ul.link-list-vertical li a:hover {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position:0 .4em;
	}

#content ul.link-list-vertical li a:active {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position:0 .4em;
	}

/******************
LISTS - IN THE SIDE COLUMN
******************/

#content-side ul.list, #content-side ul.link-list-vertical {
	margin:10px 0px 20px 10px;
	padding:0px;
	}

#content-side ul.list li {
	list-style:none;
	padding:1px 0px 1px 12px;
	margin:0px;
	background: url(bullet.gif) no-repeat;
	background-position:0 .4em;
	}

#content-side ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	}

#content-side ul.link-list-vertical li a:link {
	padding:1px 0px 1px 12px;
	background: url(bullet-link.gif) no-repeat;
	background-position:0 .4em;
	}

#content-side ul.link-list-vertical li a:visited {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position:0 .4em;
	}

#content-side ul.link-list-vertical li a:hover {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position:0 .4em;
	}

#content-side ul.link-list-vertical li a:active {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position:0 .4em;
	}

/******************
TABLE STYLES
******************/

.table{
	width:100%;
	border:1px solid #EEE;
	xxxborder-collapse:collapse;
	}

.table td {
	padding:8px;
	border-left:1px solid #71727F;
	border-right:1px solid #71727F;
	}

thead th, tfoot th{
	background:#71727F;
	padding:8px;
	color:#FFFFFF;
	border-left:1px solid #71727F;
	border-right:1px solid #71727F;
	border-top:1px solid #71727F;
	border-bottom:1px solid #71727F;
	}

.table-row-1 td,.table-row-1 th{
	background:#EAEAEA;
	}

.table-row-2 td,.table-row-2 th,thead{
	background:#F4F4F4;
	}

/******************
CLASSES
******************/

.button-big {
	margin-top:8px;
	}

img.photobig, img.photosmall {
	border:1px solid #71727F;
	padding:5px 5px 30px 5px;
	background-color:#FFFFFF;
	}

img.photosmall {
	margin-right:10px;
	margin-bottom:2px;
	}

.button-general {
	margin-top:8px;
	width:45%;
	min-width:50px;
	}

.textbox-general {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:12px;
	line-height:12px;
	width:98%;
	min-width:50px;
	}

.dropdownList-general {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:12px;
	line-height:160%;
	width:100%;
	}

.separator-side-column {
	border-top:1px solid #D0D0BF;
	width:100%;
	background-color:transparent;
	height:2px;
	font-size:1px;
	margin-top:8px;
	margin-bottom:8px;
	}

.small-text {
	font-size:.8em;
	}

.none {
	display:none;
	}

.clear {
	clear:both;
	}
	
.hyperLinkDisabled {
	text-decoration:none;
	}
	
.huge {
	font-size:1.3em;
	padding-top:4px;
	}
/*** Streaming Wizard ***/
.stbl
{
    padding:0px !important;
    margin:0px !important;
    height:294px;
    max-height:294px;
    width:835px !important;
}
.stlc
{
    background-image:URL(Streaming/tlc.gif);
    background-repeat:repeat-y;
    width:8px !important;
    min-width:8px !important;
    height:8px;
    min-height:8px;
    max-height:8px;
    max-width:8px;
}
.strc
{
    background-image:URL(Streaming/trc.gif);
    background-repeat:repeat-y;
    width:8px;
    min-width:8px;
    height:8px;
    min-height:8px;
    max-height:8px;
    max-width:8px;
}
.sblc
{
    background-image:URL(Streaming/blc.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    width:8px !important;
    min-width:8px !important;
    max-height:46px;
    max-width:8px;
}
.sbrc
{
    background-image:URL(Streaming/brc.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    width:8px;
    min-width:8px;
    max-height:46px;
    max-width:8px;
}
.slb
{
    background-image:URL(Streaming/tile.gif);
    background-repeat:repeat-y;
    width:8px;
    min-width:8px;
    max-width:8px;
    border:1px solid black;
}
.srb
{
    background-image:URL(Streaming/tile.gif);
    background-repeat:repeat-y;
    width:8px;
    min-width:8px;
    max-width:8px;
}
.stb
{
    background-image:URL(Streaming/tile.gif);
    background-repeat:repeat;
    height:8px;
    min-height:8px;
    max-height:8px;
}
/*
td.smid
{
    background-image:URL(Streaming/mid.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    background-color:Black;
    color:White;
    xxmin-width:100px;
    max-height:286px;
    height:286px;
    xxpadding-right:20px;
}
*/
table.smid
{
    height:286px;
    min-height:286px;
    padding:0xp;
    margin:0px;
    xxmin-width:85px;
    max-height:286px;
    overflow:hidden;
    xxwidth:200px !important;
}
table.smidnov
{
    height:286px;
    min-height:286px;
    padding:0xp;
    margin:0px;
    xxmin-width:85px;
    max-height:286px;
    overflow:hidden;
    xxwidth:300px !important;
    xxmax-width:300px !important;
}
table.smid td
{
    padding:0px;
    margin:0px;
}
td.q 
{
    xxpadding-left:2px !important;
}
.logo
{
    vertical-align:bottom;
    text-align:center;
}
.logo a
{
    vertical-align:bottom;
    text-align:center;
}
.logo img
{
    vertical-align:bottom;
    text-align:center;
}
/*
.ta 
{
    background-color:Black;
    vertical-align:bottom;
    background-image:URL(Streaming/leftbg.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
    padding-right:20px;
}
.tq 
{
    background-color:Black;
    vertical-align:bottom;
    background-image:URL(Streaming/leftbg.gif);
    background-repeat:no-repeat;
    background-position:bottom;
}
*/
tr.sOvHdr td
{
    padding:2px;
    background-color:#FFF;
    color:Black;
}
tr.sOvSp td
{
    height:25px;
}
td.sOvBut 
{
    text-align:right;
}
td.sOvBut input
{
    width:100px;
    margin:2px;
}
.sttl span
{
    font-size:14px;
    font-weight:bold;
}
.sttxt span
{
    font-size:12px;
    font-style:italic;
    font-weight:normal !important;
}
.sttxt
{
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
}
.videoanswerswizard
{
    width:905px !important;
}
.videoplayerquestionframeimg
{
    width:320px;
    /*height:225px;*/
}
.videoplayerquestionplaceholder
{
    display:block;
    width:320px;
    /*height:225px;*/
}
/** BreadCrumb **/
div.bc 
{
    width:905px;
    height:20px;
    max-height:20px;
    background-color:#FFF;
}
div.bc table
{
    height:20px;
    background-color:#FFF;
}
td.bcDiv
{
    background-image:URL(bcdiv.gif);
    background-repeat:no-repeat;
    height:21px;
    width:21px;
    min-height:21px;
    min-width:21px;
}
td.bcItemOn
{
    background-color:#FFF;
    color: Black;
}
td.bcItemOn a
{
    color:Black;
    text-decoration:none;
}
td.bcItemOff
{
    background-color:#FFF;
    color:#888;
}
td.bcItemOff a
{
    color:#888;
}
td.bcItemCur
{
    background-color:#FFF;
    color:#703d82;
}
td.bcItemCur a
{
    color:#703d82;
}
table.UCMTtle *
{
    vertical-align:middle !important;
}
tr.UCMHdr td
{
    background-color:#FFF;
}
table.UCMTtle 
{
    height:20px;
    max-height:20px;
}
.UCMTop span
{
	font-size:12px;
	font-weight:bold;
}
.UCMTop table
{
    vertical-align:middle !important;
    margin:0px !important;
}
.UCMTop
{
    height:20px !important; 
    max-height:20px !important; 
    overflow:hidden;
}
.mediaPreview
{
}
.UCMBot
{
    padding-bottom:25px;
}
.current
{
    font-weight:bold;
}
tr.rowOri a
{
    color:#82B0FF !important;
    text-decoration:none;
}
/** Dynamic Categories **/
div.cbon
{
    width:18px;
    height:20px;    
    background-image:URL(cbon.png);
}
div.cboff
{
    width:18px;
    height:22px;
    background-image:URL(cboff.png);
}
/** V30 Job **/
.Lineblock3 {width: 940px;height: 20px;border-bottom:#999 solid 1px;border-top:#999 solid 1px;padding-left: 20px;padding-bottom: 7px;margin-top: 30px;}
.smalltextvacature {font-weight: normal;}

.LineblockAdm { width: 950px; height: 25px; border-top: #c0c1c5 solid 1px ; border-bottom: #999 solid 1px ; margin-left: -10px; font-weight: bold; font-size: 12px; padding-top: 10px; padding-left: 10px;} 
.agendasquareAdm{background-color:#FFFFFF;  width: 950px; padding-top: 7px;margin-left:-10px; padding-left: 10px; float: left; padding-bottom: 5px; }
#VacaturesBlockAdm { width: 940px; border: 0px solid #A5B8C6; padding-top: 20px;	padding-left: 10px;float: left;clear: none; padding-right: 10px; }
.VacatureLineAdm {width: 960px; height: 10px;  border-bottom:1px solid #999; margin-left: -10px; }
#BlockAdm { width: 940px; border: 0px solid #A5B8C6; padding-top: 20px;	padding-left: 10px;float: left;clear: none; padding-right: 10px; }
#BlockAdm .pagination select { width:100px !important; }
#BlockAdm td, th { text-align:left !important; }
.agendasquare{background-color:#FFFFFF;  width: 710px; padding-top: 7px;margin-left:-10px; padding-left: 10px; float: left; padding-bottom: 5px; }
.agendagray { background-color: #f2f3f5; }
.edutable { padding-bottom: 5px;}
