/* css reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td
{
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;

	margin:0;
	padding:0;
}
:focus
{
	outline:0;
}

ol,ul
{
	list-style:none;
}

table
{
	border-collapse:seperate;
	border-spacing:3px;
	margin-left: -3px;
	text-align: left;
}

caption,th,td
{
	text-align:left;
	vertical-align: bottom;
	vertical-align: baseline;
	padding: 3px 15px 3px 2px;
}

blockquote:before,blockquote:after,q:before,q:after
{
	content:"";
}

blockquote,q
{
	quotes:"" "";
}

/* default */
a
{
	background:inherit;
	color:#666666;
}

a:hover
{
	background:inherit;
	color:#000000;
}

div.link
{
	cursor: pointer;
	text-decoration: underline;
	color:#666666;
	margin: 5px 0 5px 2px;
}

div.link:hover
{
	color:#000000;
}

body
{
	background:#666;
	margin:0;
	padding:0;
	color: #666;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:0.75em;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4em;
}

form
{
	margin:0 0 15px 0;
	padding: 0;
}

h1
{
	font-size: 2em;
	margin: 0 0 15px 0;
	color: #FF0099;
}

p
{
	margin: 5px 0 5px 2px;
}

label{
	font-weight: bold;
}

table input, textarea
{
	color:#666;
	border:1px inset #C3C3C3;
}

input.checkbox{
	border: 0;
}



h1 a,h2 a{text-decoration:none}
h1 a:hover,h2 a:hover{background:inherit;color:#F60}
h2{background:inherit;color:#000;font:bold 1.7em Arial, Sans-Serif;font-size:1.5em;letter-spacing:-1px;margin:0 0 5px;padding:0}
img{border:0}
li{margin-left:0;padding:0}

ul{margin:10px;padding-left:20px}
.center_text{text-align:center;}

/* Drag-n-Drop */
.draggable, .video_draggable, .video_draggable2, .menu_draggable {	cursor: move;}
.dropactive, .video_dropactive, .menu_dropactive {border: 1px dashed #000000}
.drophover, .video_drophover, .menu_drophover {border: 1px solid #FF9148;}


#indekijker {width: 220px; float: right; background-color: #F5F5F5; padding: 3px;}
.indekijkervideo {width: 220px; height: 20px; border: 1px solid #cccccc; margin-bottom: 1px; }
.drophover{background-color: #E2EBEC;}
#close_indekijker {height: 10px;}
#day1,#day2,#day3,#day4,#day5,#day6,#day7 { margin: 0; padding: 0; margin-bottom: 10px; }
.date { margin-top: 10px; font-weight: bold}
.plus .minus {cursor: pointer;}
.hide {display: none;}

/* form login/subscribe */
#login_links a {margin: 20px;}
#login_links {float:right;}

#login_details{
	width: 600px;
	text-align: right;
	float: right;
	margin-top: 75px;
}

#login_details .login_details_name{
	float: left;
	margin-top: 10px;
	margin-left: 250px;
}

#login_details ul{
}


#login_details li{
	margin-left: 50px;
	margin-top: 10px;
}

#login_details li a{
	color: #fff;
}

/* menu bar */
.bar
{
	background:#88949c;
	clear:both;
	color:#666;
	font-size:1.1em;
	height:30px;
	margin-bottom:10px;
	width: 945px;
}

#content_header{
	background: #afc6cb;
	width: 600px;
	height: 20px;
	padding: 5px;
	float: left;
	margin: 0 0 10px 0;
	-moz-border-radius:6px;
  -webkit-border-radius:6px;
}

.right h3
{
	background:#FF0099;
	color:#FFF;
	margin:0 0 5px 0;
	height: 20px;
	padding: 5px;
}

#content_header h3
{
	float: left;
	color: #FFF;
}

h3
{
	font-size: 1.2em;
	font-weight: bold;
}

#content_header .link_header
{
	float:right;
	height: 20px;
  margin-left: 40px;
}

#content_header .link_header img
{
	vertical-align: middle;
}

#content_header .link_header a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
}

#content_header .link_header a:hover
{
	text-decoration: underline;
}

.bar li
{

	color:#666666;
	float:left;
	margin-right:10px;
	padding:7px 12px 5px;
}

.bar li a
{
	background:inherit;
	color:#FFF;
	font-weight:bold;
	text-decoration:none
}

.bar li a:hover
{
	color:#000;
}
.bar li.active
{
	background:#58585a;
	color:#fff;
	font-weight:700;
	padding:7px 10px 6px;
}
.bar li.active a:hover
{
	background:inherit;
	color:#000;
}
.bar li.member_name
{
	color:#000;
	float:right;
	font-weight:500;
	font-size:8pt;
	padding:10px 15px 0px 15px;
}
.bar li.logout{color:#fff;float:right;font-weight:700;padding:7px 10px 6px}
.bar ul{list-style:none;margin:0;padding:0}

/* input */



select {display:block;width:200px;}
select.medium{display:inline; width:150px;}
select.year{display:inline; width:60px;}
select.month{display:inline;width:100px;}
select.day{display:inline;width:50px;}

/*.btn_channel{float:left;padding-bottom:5px;padding-top:3px;width:200px;}
.btn_channel_hover {background:#E0691A url(img/submit.gif) no-repeat;border:0;color:#222;font:bold 1em Arial, Sans-Serif;margin:13px 15px 30px 0;padding:4px 0;width:195px}*/

#div_channel_choice {text-align:center;padding-top:10px;}
#channel_choice li{text-align:center;}

#tbl_channels
{
	margin-top: -3px;
	width: 400px;
}

#tbl_selected_channels
{
		float: left;
		margin-left: 5px;
		width: 200px;
		background: transparent;
		border-spacing: 0px;
}

#tbl_planning
{
	width: auto;
	border-collapse: collapse;
	border-spacing: 0;
  cell-spacing: 0;
}

#tbl_planning tr
{

 }

#tbl_planning tr.headerrow
{
  border: 0;
}

#tbl_planning td.date, td.day
{
    
}

#tbl_planning tr.headerrow td
{
	text-align: center;
  border: 0;
}

#tbl_planning td
{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;	
	-moz-border-radius: 0;	
  
  width: 20px;
  padding: 0;
  height: 20px;
  overflow: hidden;
}

#tbl_planning td.selected
{
  background-color: yellow;
}

#tbl_planning td.reserved
{
  background-color: blue;
}

#tbl_planning td.placed
{
  background-color: green;
}

#tbl_selected_channels_subscribers
{
		float: left;
		margin-left: 5px;
		width: 200px;
		background: transparent;
		border-spacing: 0px;
}

#tbl_selected_nodes
{
		float: left;
		margin-left: 5px;
		width: 150px;
		background: transparent;
		border-spacing: 0px;

}

#tbl_selected_channels p{
		padding: 0;
		margin: 0;
}

#tbl_selected_channels_subscribers p{
		padding: 0;
		margin: 0;
}

#tbl_selected_channels_subscribers td{
	margin: 0;
	padding: 0;
}

#tbl_selected_channels td{
	margin: 0;
	padding: 0;
}

#tbl_selected_nodes td{
	margin: 0;
	padding: 0;
}

#tbl_selected_channels tr{
	margin: 0;
	padding: 0;
}

#tbl_node_selector{
	width: 510px;
	background-color: white;
	border-color: white 1px;
}
.tbl_rubrieken{
	width: 100%;
}


#add_channel
{
	float:left;
	margin-top: 3px;
	margin-left: 5px;
	cursor: pointer;
	display: block;
}

#add_node
{
	float:left;
	margin-top: 3px;
	margin-left: 5px;
	cursor: pointer;
	display: block;
}

div.delete_channel,span.delete_channel{
	cursor: pointer;
}

.delete_node{
	cursor:pointer;
	width: 13px;
}


option.node_type_video {color:#0000ee;}


.dark{background:inherit;color:#737373;font-weight:700}
.logo_cms{color:#FF6600;}

.feedback_info{padding-top: 5px; padding-bottom: 15px; margin-bottom: 15px; width: 60%;}
.bottom_feedback{border:1px solid #222;background-color:#ddd; padding:5px;margin:10px;margin-top:30px;}

.left_box .feedback_info table{
	width: 380px;
}

.left_box .channel_overview table{

	width: 250px;

	padding: 0;
}



.left_box .feedback_info td{
	background-color: transparent;
}

.help_info{margin:5px}
.info{margin:6px;text-align:left;}

.left
{
	float:left;
	width: 600px;
  position: relative;
  z-index: 1;
}

.right
{
	float:right;
	width: 305px;
	background: #fff;
  position: relative;
  z-index: 0;
}

.left_box
{
	padding:0
}

.left_box th
{
	color: #fff;
	background-color: #88949c;
	padding: 5px;
	-moz-border-radius:6px;
  -webkit-border-radius:6px;

}

.left_box td
{
	background-color: #e2ebec;
	padding: 5px;
	-moz-border-radius:6px;
  -webkit-border-radius:6px;
}

.left_box tbody
{

}

.left_box table
{
	width: 616px;
	margin-left: -3px;

}

.hilightRow
{
	background-color:#ddd;
}

span.editable, div.editable
{
	/*cursor:text;*/
}



.left_box table:hover{
	cursor: default;
}


.left h3 a {color:#222222;}
.left h3 a:hover{background:inherit;color:#666666;}
.left h4{background:#bbb;clear:both;color:#333;font:bold 1em Tahoma, Arial, Sans-Serif;margin:1px;padding:4px 0 4px 5px}

.onclicklink{border-bottom:1px dotted;color:#000;font-weight:normal;font-family: Tahoma, sans-serif;line-height:1.5em;text-decoration:none}


.right_articles{
	color:#414141;margin:0;padding:4px
}
.right_side{background:#FFF url(img/dotted.gif) repeat-y;color:#414141;float:right;margin:10px 0;padding:0 0 0 40px}
.row_for_buttons{padding:15px 1px 5px;text-align:right}
.subheader{background:#A4A4A4;border-bottom:1px solid #eee;color:#fff;margin:0 0 10px;padding:5px 0}
.subpage_header{background-color:#DEDEDE;cursor:pointer;font-weight:700;text-align:center}
.top_info{background:#eee;border-bottom:1px solid #eee;color:gray;float:right;padding:5px 0 4px}
.top_info_left,.image{float:left}
.top_info_right{border-left:1px solid #eee;float:right;padding:0 0 0 35px}
.number{text-align:right;}

/* tables */

.column_icon{text-align:center;width:25px}



/* status */
.node_status_active {color:#000}
.node_status_inactive {color:#aa7}
.row_status_inactive {color:#aa7}



#player_wimpy{width:100%;text-align:center;}
.swf_error {background-color: #FFFF66; border-top: solid 4px #FF9966; border-bottom: solid 4px #FF9966; margin: 10px 25px;padding: 10px 15px;}

/* Generic context menu styles */
.contextMenu{position:absolute;width:160px;z-index:99999;border:solid 1px #CCC;background:#EEE;display:none;margin:0;padding:0;}
.contextMenu li{list-style:none;margin:0;padding:0;}
.contextMenu a{color:#333;text-decoration:none;display:block;line-height:20px;height:20px;background-position:6px center;background-repeat:no-repeat;outline:none;padding:1px 5px 1px 28px;}
.contextMenu li.hover a{color:#FFF;background-color:#39F;}
.contextMenu li.disabled a{color:#aaa;cursor:default;}
.contextMenu li.hover.disabled a{background-color:transparent;}
.contextMenu li.separator{border-top:solid 1px #CCC;}
.contextMenu li.delete a{background-image:url(../images/icons/minus_circle_frame.png);}
.contextMenu li.edit a{background-image:url(../images/icons/pencil.png);}
.contextMenu li.add a{background-image:url(../images/icons/plus_circle_frame.png);}
.contextMenu li.add_node a{background-image:url(img_treeview/report.png);}
.contextMenu li.add_video a{background-image:url(img_treeview/film.png);}
.contextMenu li.add_image a{background-image:url(img_treeview/picture.png);}
.contextMenu li.add_text a{background-image:url(img_treeview/text_align_justify.png);}
.contextMenu li.node_up a{background-image:url(../images/icons/arrow_up.png);}
.contextMenu li.node_down a{background-image:url(../images/icons/arrow_down.png);}

/* video upload */
.tbl_video_upload div.fieldset{margin:10px 0;text-align:center;}
.tbl_video_upload div.fld_button
{
	text-align:left;
	margin-top: 5px;
}

#subbtn{
	float: none;
}

.message{border:solid 1px #FD9;background-color:#FFC;overflow:hidden;margin:1em 0;padding:10px 20px;}

.swfupload
{
	height: 22px;
}

.progressContainer
{
	float: left;
	text-align:left;
	border:solid 1px #E8E8E8;
	background-color:#bdf;
	margin: 10px 0;
	padding:4px;
	width: 250px;
}
.progressName{font-size:8pt;font-weight:700;color:#555;width:100%;height:34px;text-align:left;white-space:nowrap;overflow:hidden;}
.progressBarInProgress,.tbl_video_upload .progressBarComplete,.tbl_video_upload .progressBarError{font-size:0;width:0;height:4px;background-color:blue;margin-top:2px;}
.progressBarComplete{width:100%;background-color:green;visibility:hidden;}
.progressBarError{width:100%;background-color:red;visibility:hidden;}
.progressBarStatus{margin-top:2px;width:100%;font-size:7pt;font-family:Arial;text-align:left;white-space:nowrap;}
/*.tbl_video_upload a.progressCancel {	font-size: 0;	display: block;	height: 14px;	width: 14px;	background-image: url(../images/cancelbutton.gif);	background-repeat: no-repeat;	background-position: -14px 0px;	float: right;}
.tbl_video_upload a.progressCancel:hover {	background-position: 0px 0px;}*/
.red{border:solid 1px #B50000;background-color:#FFEBEB;}
.green{border:solid 1px #DDF0DD;background-color:#EBFFEB;}
.blue{border:solid 1px #CEE2F2;background-color:#F0F5FF;}


#video_details h3 {margin-top:15px;}


/* dataTables:pagination  */
#datatable
{
  background: white;
  padding-right: 15px;
}
.dataTables_wrapper
{

}

div.dataTables_paginate, div.dataTables_info
{
	text-align:center;

}

span.paginate_button, div.dataTables_paginate span.paginate_active
{
	border:1px solid #bbc2c8;
	cursor:pointer;
	margin:0 3px;
	padding:0px 5px;
	-moz-border-radius:6px;
  -webkit-border-radius:6px;
}

.dataTables_filter
{
	text-align:left;margin:7px;
}

.dataTables_filter input
{

}

span.paginate_button
{
	background-color:#e2ebec;
}
span.paginate_button:hover
{
	background-color:#ccc;
}
span.paginate_active
{
	background-color:#FF0099;
	color: #fff;
}



.dataTables_info{text-align:center;margin:7px;}
.sorting_asc {	background: url('../images/icons/asc.gif') no-repeat center right;}
.sorting_desc {	background: url('../images/icons/desc.gif') no-repeat center right;}
.sorting {	background: url('../images/icons/bg.gif') no-repeat center right;}

/* help section */
.help_overview ul li {list-style: disc outside;}

/* stats */
.stat_total {font-weight: bold;}
.pointer {cursor:pointer;}
.table_header { float: right; padding: 10px 5px 0px 0px; }




/*Curvy corners*/
.rounded {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}



/* general */
.centered
{
	margin:0 auto;
	width:955px;
}

.bgcontainer
{
	width:955px;
	float: left;
	background: #fff;
}

.header
{
	background:#ff0099;
	color:#fff;
	height:134px;
	width: 955px;
	margin:0;
	padding:0;
	float: left;
}


#logo {
	background:transparent url(../images/sprite_assets.png) no-repeat scroll 0 0;
	margin-left:35px;
	margin-top:9px;
	overflow:hidden;
	float: left;
	width:100px;
	height:110px;
}

#baseline {
	background:transparent url(../images/sprite_assets.png) no-repeat scroll -225px 0;
	float: right;
	width:275px;
	height:30px;
	margin-right:25px;
	margin-top:55px;
}

#main {
	width: 945px;
	float: left;
	margin: 5px 5px 0 5px;
}


#content{
	padding: 0;
	float: left;
}

.not_logged_in{
	width: 925px;
	margin: 15px 15px 15px 15px;
}

.logged_in{
	background-color: #DDEAEF;

}

.bluebg{
	background-color: #DDEAEF;
}


/*footer*/
#footer{
	width: 945px;
	padding: 0;
	margin: 5px 5px 0 5px;
	float: left;
}

#footer .contents{
	background-color: #DDEAEF;
	float:left;
	padding:5px;
	width: 935px;
}

#copyrights{
	float: left;
}

#footer ul {
	float: right;
	margin: 0;

}

#footer li {
	display: inline;
	margin-left: 15px;
}

.whitespaceiefix{
	height: 5px;
	float: left;
	width: 100px;
}

.error_info
{
	color:#F00;
  padding-top: 5px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  width: 60%;
}


#feedback p{
	margin: 7px;
	padding-top: 15px;
	line-height: 25px;
}

p.errorwrapper{
	margin: 3px 0 0 0;

}

label.error{
	color: #C00;
	margin: 0;
}

input.submit
{
	float: left;
	background:#666 url(../images/btn.gif) no-repeat;
	cursor: pointer;
	border: 0;
	color:#FFF;
	margin:15px 0 0 0;
	height:26px;
	width:150px;
}

input.submit_green
{
  float: left;
  background:#666 url(../images/btn_green.gif) no-repeat;
  cursor: pointer;
  border: 0;
  color:#FFF;
  margin:0 10px;
  height:26px;
  width:150px;
}

input.submit:hover{
	background:#FF0099 url(../images/btnhover.gif) no-repeat;
}

input.submit_green:hover{
  background:#FF0099 url(../images/btnhover.gif) no-repeat;
}

.indicator, .required{
	color:#FF0099;
	float:none;
	width:auto;
}

input.error, textarea.error
{
	border:1px inset #C00;
}

.menu_tree
{
	margin: 0;
	padding: 0;
}

.menu_tree ul, li
{
	margin: 0;
	padding: 0;
}

.menu_tree li span
{
	display: block;
	background-color: #afc6cb;
	margin-bottom: 3px;
	width: 295px;
	height: 20px;
	padding: 5px;
	font-weight: bold;

}

.menu_tree li ul li span
{
	display: block;
	background-color: #e2ebec;
	margin-bottom: 3px;
	width: 285px;
	height: 20px;
	padding: 5px 5px 5px 15px;
	font-weight: normal;
}

.menu_tree li ul li ul li span
{
	display: block;
	background-color: #e2ebec;
	margin-bottom: 3px;
	width: 271px;
	height: 20px;
	padding: 5px 5px 5px 29px;
	font-weight: normal;
}

.disabled
{
	/*color: #d3d3d3;*/
}

.empty
{
	font-style: italic;
}

.left_box .video_detail_info table{
	width: 320px;
}

#tbl_nodes{
	width: 320px;
}

#selectedvideo_suggestednodes{
	width: 150px;
	padding: 0;
}

#selectedvideo_suggestednodes td{
	padding: 0;
}

.campaign {
	cursor: pointer;
}

td.hover, tr.hover {
	background: #CAD1D2;
}

.node_menu
{
  white-space: nowrap;
  display: none;
}

.z-hover
{
  z-index: 6;
  padding-left: 15px;
}

#imgPreviewContainer
{
  z-index: 10;
}

.picked_channel
{
  vertical-align: top;
  margin-left: 10px
}

.calendar
{
  z-index: 9999;
}