﻿
html { overflow-y: scroll; height: 100%;}

body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	font-family: "Calibri", "Arial", "Verdana", "Helvetica", "Tahoma", "sans-serif";
	font-size: 0.9em;
	background-color: white;
	color: #696969;
}

td	{vertical-align:top;}

.customerHeader
{
    float:right;
    margin-top:10px;
}

.customerTitle 
{
    text-align:right;
    font-size:1.5em;
}

.webcastCreateButton {width:218px;margin-bottom:0.5em;padding:0.5em 0;}
.logonButton{width:200px;padding:0.3em 0;}
.SaveButton{padding:0;}

.sectionTitle   { font-weight:bold;}
.head3          { padding: 0 0 0.5em 0; margin: 0 0 0.5em 0; border-bottom:1px solid #ddd; font-weight:bold;}
.editLocalizedText  { border:2px dotted #aa8855; background-color:#eedd99; cursor:hand;padding:0px 5px;}

.wait	        { background:url('images/spinner.gif') no-repeat; height:16px; width:16px;}

.sys-template	{}
.footer         { margin:1em 1em 0 1em; text-align:center; font-size:x-small; min-width:700px; clear:both; }

.page_header		 { margin:0 0 1em 1em; height:80px; }
.page_header_menu	 { margin:0 1em 0.5em 1em; height:30px;min-width:700px; }

.page_content		{ margin: 1em 1em; min-width:700px; min-height:350px; }
.scrollableContent  { background-color:white; cursor:default;text-align:left;overflow:auto;}
.relative   {position:relative; }
.absolute   {position:absolute; }

.mainColumn       
{
	margin-right:230px;
	min-width:420px;
}
.sideColumn1      
{
    float: right;
	width: 220px;
	height: 0px; /*fake height to not disrupt mainColumn layout*/
}

#UpcomingWebcastsPanel {margin-bottom:10px; }
#SaveDeleteView {position:relative;margin-top:10px;}

.masterDropDown { cursor:pointer;}

.hidden {display:none;}
.left	{float:left;}
.right	{float:right;}
.bottom	{bottom:0px;}
.center { text-align:center;}
.title  { color:#555555;}
.subtitle {color:#888888;}
.subtitle2 {color:#aaa;font-style:italic;}
.large	{ font-size:1.2em; font-weight:bold;}
.larger	{ font-size:1.4em; font-weight:bold;}
.small  { font-size:0.9em;} 
.smaller  { font-size:0.8em;}

.faded { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5;}

.search-box { margin: 0px 10px; display: inline;}

.search-box .def-icon-clear-search {
    height: 16px;
    margin: 0 0 -3px -24px !important;
    min-width: 16px;
    display: inline-block;    
}

.form-field-list-item.line {
    border-top: 1px solid #CCCCCC;
}

.form-field-list-item.last{
	border-bottom: solid 1px #CCCCCC;
}
.form-field-list-item {
    -moz-user-select: none;
    cursor: pointer;
    margin-left: 0;
    min-width: 350px;
    padding: 5px 2px 3px;
    width: 100%;
}

.dragHandle:hover {
    cursor: -moz-grab;
}
.dragHandle:active {
    cursor: -moz-grabbing;
}
.form-fieldlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.form-fieldlist li {
    border-bottom: 1px solid #999999;
    margin-left: 0;
    padding: 5px 0 3px;
    width: 100%;
}
.form-fieldlist-name {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}
.form-fieldlist-name-small {
    display: inline-block;
    font-size: 0.8em;
    font-style: italic;
    overflow: hidden;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.section-head {
    border-bottom: 1px solid #999999;
    color: #333333;
    font-size: 15px;
    margin-bottom: 0;
    padding-bottom: 3px;
}

.link-cancel {
    color: #FF0000 !important;
}

#ErrorMessage	{ padding:10px; min-height:25px; font-weight:bold; position:absolute;z-index:99999999;width:100%;}
.accent {font-weight:bold;}
.error {color:#f10101;font-size:1.1em;font-weight:bold;}
.subError {color:#f1c1c1;font-size:0.9em;}

    input.form-field-invalid{
		background-color: #FFAAAA;
	}
	input.valid{
		background-color: #AAFFAA;
	}
	label.form-field-invalid{
		
		padding:0px 4px;
		/* display: none !important; */
	}
	

.tabDescription {padding-bottom:8px;font-style:italic;}
.WebcastListSearchInput {width:190px;font-size:large;}
.localizationSelector		{ cursor:pointer; padding:1px 5px;}
.localizationSelector div	{ margin:3px;}

.tdName	{ min-width:100px; vertical-align:top; }
.tdValue {width:100%; vertical-align:top; }

.tdValue input[type=text] { width:100%; }
.tdValue textarea{ width:100%; height:100px;}

.cellName	{ min-width:120px; float:left; }
.cellValue	{ float:left; padding:0.2em 0 0 0.2em;}
.cellValue input[type=text] { width:300px; }
.cellValue textarea{ min-width:300px; height:100px;}
.cellValue2	{ display:table-cell; float:left; padding:0.2em 0 0 0.2em;}
.cellValue2 input[type=text] { width:250px; }
.cellValue2 textarea{ width:250px; height:100px;}
.item-title {min-width:300px;overflow:hidden;display:block;}
.item-content { border: 1px solid #dddddd; background: #ffffff; color: #362b36; }

.speakerItem			{ padding:10px 10px 10px 20px;}
.speakerImageFrame		{ height:180px; margin-left:20px;margin-top:5px; text-align:center;}
.speakerImage			{ max-width:145px;max-height:160px; }
.topicItem				{ padding:5px 10px 10px 20px; }

.userName { color:#555555;}
.dialogFilePicker		{position:absolute;top:0px;left:0px;padding:3px;z-index:100000;overflow:auto;max-height:150px;}
.slidesFilePicker		{position:absolute;top:0px;left:0px;padding:3px;z-index:100000;overflow:auto;max-height:300px;}

.fullWidth  {width:100%;}
.pad-all	{padding:8px;}
.pad-top	{padding-top:8px;}
.pad-bottom	{padding-bottom:8px;}
.pad-right	{margin-right:8px;}
.pad-left   {padding-left:8px;}
.small-pad-right	{ margin-right:3px;}
.small-pad-left 	{ margin-right:3px;}
.flag {width:16px; height:11px; background-repeat:no-repeat;}
.flag-nl {background:url('/content/icons/flags/nl.png'); }
.flag-en {background:url('/content/icons/flags/en.png');}

.buttonIcon { margin:2px;cursor:pointer;}
.dragHandle	{cursor:move;}
.dragHandle2	{cursor:move;}
.row {background:#f9fafa;}
.alt-row {} 
.hand       {cursor:pointer;}

.hideEmpty {float:left;}
.qhelp  {display:none; cursor:help;float:right;}

.slideNumberBack{background-color:White;}
.slideNumber {font-weight:bold; font-size:0.8em; color:#555; text-align:center;padding-top:2px; }
/*.periodNav {background-color:#eee;border:1px solid #ddd;opacity: 0.80; z-index:10000;height:16px;overflow:hidden;}*/
#WebcastStartDateView { font-weight:bold;}

#CurrentWebcasts{ margin: 1em 1em; display:none;}
.currentWebcastsCollapsed{ height:20px; display:block; overflow:hidden;}
.currentWebcastsVisible{ height:auto; overflow:visible; }
#CurrentWebcastsHead{cursor:pointer; cursor:hand; height:20px;}
#CurrentWebcastsUl { list-style-type: none; padding-left:10px; margin:0px; }
.current_webcast_status { display:block;float:left;width:50px;margin-right:10px;overflow:hidden;}
.current_webcast_links { display:block;float:left;min-width:240px;color:Black;}
.current_webcast_title { display:block;float:left;color:Black;font-weight:bold;padding-left:12px;}
.current_webcast_problems { margin:0px 8px; padding:0px 8px 0px 12px;}

.compactList  
{
   padding:0px; 
   margin:0px; 
   list-style:none; 
   line-height: 18px;
   text-align: left;
} 
.compactList li a{
    display: block;
    padding: 0px;
}

.hierarchicalList
{
   padding:0px 0px 0px 20px; 
   margin:0px; 
   list-style:none; 
   line-height: 18px;
   text-align: left; 
} 

.hierarchicalList .alternate { background-color:#fff; }

#WebcastTabs {font-size:0.8em; }
#WebcastReportTabs{font-size:0.8em; }

.slider_container {width:250px;margin:4px;}

.def-icon-edit          { background:url('icons/page_white_edit.png') no-repeat; height:16px; width:16px;}
.def-icon-delete        { background:url('icons/delete.png') no-repeat; height:16px; width:16px;}
.def-icon-add           { background:url('icons/add.png') no-repeat; height:16px; width:16px;}
.def-icon-tick          { background:url('icons/tick.png') no-repeat; height:16px; width:16px;}
.def-icon-clear-search  { background:url('icons/clear_search.png') no-repeat; height:16px; width:16px;}

.file-item 
{
    max-width: 170px;
    border: 1px solid #CCCCCC;
    margin: 0 5px 0 0;
    padding: 2px;
    white-space: nowrap;
}

.file-item .mime {
    border-right: 1px solid #CCCCCC;
    float: left;
    padding: 0 5px 0 0;
}

.file-item .name {
    float: left;
    max-width: 100px;
    overflow: hidden;
    padding: 0 10px 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* File Extensions*/
/*.ext_file { background: url(/content/icons/filetypes/file.png) left top no-repeat; width:16px;height:16px; }*/
.ext_file { background: url(/content/icons/filetypes/link_go.png) left top no-repeat; width:16px;height:16px; }

.ext_3gp { background: url(/content/icons/filetypes/film.png) left top no-repeat; }
.ext_7z { background: url(/content/icons/filetypes/zip.png) left top no-repeat; }
.ext_avi { background: url(/content/icons/filetypes/film.png) left top no-repeat; }
.ext_bmp { background: url(/content/icons/filetypes/picture.png) left top no-repeat; }
.ext_css { background: url(/content/icons/filetypes/css.png) left top no-repeat; }
.ext_doc { background: url(/content/icons/filetypes/doc.png) left top no-repeat; }
.ext_gif { background: url(/content/icons/filetypes/picture.png) left top no-repeat; }
.ext_fla { background: url(/content/icons/filetypes/flash.png) left top no-repeat; }
.ext_htm { background: url(/content/icons/filetypes/html.png) left top no-repeat; }
.ext_html { background: url(/content/icons/filetypes/html.png) left top no-repeat; }
.ext_jar { background: url(/content/icons/filetypes/java.png) left top no-repeat; }
.ext_jpg { background: url(/content/icons/filetypes/picture.png) left top no-repeat; }
.ext_jpeg { background: url(/content/icons/filetypes/picture.png) left top no-repeat; }
.ext_js { background: url(/content/icons/filetypes/script.png) left top no-repeat; }
.ext_log { background: url(/content/icons/filetypes/txt.png) left top no-repeat; }
.ext_m4p { background: url(/content/icons/filetypes/music.png) left top no-repeat; }
.ext_mov { background: url(/content/icons/filetypes/film.png) left top no-repeat; }
.ext_mp3 { background: url(/content/icons/filetypes/music.png) left top no-repeat; }
.ext_mp4 { background: url(/content/icons/filetypes/film.png) left top no-repeat; }
.ext_mpg { background: url(/content/icons/filetypes/film.png) left top no-repeat; }
.ext_mpeg { background: url(/content/icons/filetypes/film.png) left top no-repeat; }
.ext_ogg { background: url(/content/icons/filetypes/music.png) left top no-repeat; }
.ext_pcx { background: url(/content/icons/filetypes/picture.png) left top no-repeat; }
.ext_pdf { background: url(/content/icons/filetypes/pdf.png) left top no-repeat; }
.ext_png { background: url(/content/icons/filetypes/picture.png) left top no-repeat; }
.ext_ppt { background: url(/content/icons/filetypes/ppt.png) left top no-repeat; }
.ext_pptx { background: url(/content/icons/filetypes/ppt.png) left top no-repeat; }
.ext_psd { background: url(/content/icons/filetypes/psd.png) left top no-repeat; }
.ext_swf { background: url(/content/icons/filetypes/flash.png) left top no-repeat; }
.ext_tif { background: url(/content/icons/filetypes/picture.png) left top no-repeat; }
.ext_tiff { background: url(/content/icons/filetypes/picture.png) left top no-repeat; }
.ext_txt { background: url(/content/icons/filetypes/txt.png) left top no-repeat; }
.ext_wav { background: url(/content/icons/filetypes/music.png) left top no-repeat; }
.ext_wmv { background: url(/content/icons/filetypes/film.png) left top no-repeat; }
.ext_asf { background: url(/content/icons/filetypes/film.png) left top no-repeat; }
.ext_xls { background: url(/content/icons/filetypes/xls.png) left top no-repeat; }
.ext_xlsx { background: url(/content/icons/filetypes/xls.png) left top no-repeat; }
.ext_xml { background: url(/content/icons/filetypes/code.png) left top no-repeat; }
.ext_zip { background: url(/content/icons/filetypes/zip.png) left top no-repeat; }
