/*------------------------*/
/* PORTFOLIO EXPLORER CSS */
/*------------------------*/
/*--------------------------------*/
/*-----------MAIN-STRUCTURAL-ITEMS*/
/*--------------------------------*/

body {
img, div, li, ul { behavior: url(../png_fix/iepngfix.htc) }
}

#portfolio_explorer_container {
	width:960px;
	height:770px;
	background:url(../images/main_bg.gif) top left repeat-y;
	position:relative;
}
/*---------------------*/
/*HEADER---------------*/
/*---------------------*/
#portfolio_explorer_container h2 {
	padding-top:15px;
	margin-left:85px;
	font-size:1.5em;
        color:#333;
}
#portfolio_explorer_intro {
	height:95px;
	width:960px;
	background:url(../images/top_cap.gif) top left no-repeat;
	position:relative;
}
#portfolio_explorer_headings {
width:920px;
position:absolute;
bottom:25px;
left:20px;
}
#portfolio_explorer_headings  td.content {
background:url(../images/pointer.gif) top left no-repeat;
}

#portfolio_explorer_headings  td.content span {
padding-left:20px;
}
/*---------------------*/
/*MAIN BODY SECTIONS---*/
/*---------------------*/

#portfolio_explorer_main {
width:920px;
margin-bottom:75px;
margin-left:20px;
}
#portfolio_explorer_main td {
height:120px;
/*Fix faulty IE behaviour*/
background-image:none;
}
#portfolio_explorer_main tr {
background:url(../images/tr_bg_alt.gif) top left no-repeat;
position:relative;
}
#portfolio_explorer_main tr.alt {
background:url(../images/tr_bg_normal.gif) top left no-repeat;
position:relative;
}
.portfolio_thumb {
padding:2px;
background-color:#FFF;
border:1px solid #AEAEAE;
margin-left:30px;
margin-top:12px;
}
.cell_content h3 {
font-size:1.2em;
color:#333;
}
.cell_content {
padding-left:20px;
padding-top:20px;
line-height:1.6em;
color:#555;
}
.cell_content_date {
padding-top:20px;
padding-left:8px;
line-height:1.6em;
color:#999;
}
.play_button {
margin-top:19px;
margin-left:9px;
}
/*---------------------*/
/*JS PAGINATION--------*/
/*---------------------*/
.pg-normal {
	color: black;
	font-weight: normal;
	text-decoration: none;    
	cursor: pointer;    
}
.pg-selected {
	color: black;
	font-weight: bold;        
	text-decoration: underline;
	cursor: pointer;
}
#pagination_container {
width:960px;
padding-top:20px;
text-align:center;

}
#pagination_info_pages {
position:absolute;
top:20px;
left:20px;
color:#777;
}
#pagination_info_video_total {
position:absolute;
top:20px;
right:20px;
color:#777;
}
/*---------------------*/
/*TAIL-----------------*/
/*---------------------*/
#portfolio_explorer_tail {
	background:url(../images/bottom_cap.gif) top left no-repeat;
	height:75px;
	width:960px;
	position:absolute;
	bottom:0px;
}

/*---------------------*/
/*VIDEO SECTION--------*/
/*---------------------*/
#portfolio_video_section {
background:url(../images/portfolio/video_section_bg.jpg) top left no-repeat;
height:327px;
position:relative;
}
#portfolio_video_screen {
position:absolute;
left:502px;
top:7px;
}
#video_text_content {
width:440px;
margin-left:20px;
padding-top:20px;
}

.watching {
color:#999;
margin-bottom:10px;
}
#video_text_content p {
line-height:1.5em;
}
#video_text_content h2 {
font-size:1.4em;
margin-bottom:10px;
}
#loading_ajax {
position:absolute;
left:200px;
bottom:150px;
}
#results a:active {
  outline: none;
}
/*--------------------------------*/
/*-----------COMMENT STYLES*/
/*--------------------------------*/
.user_comment, .admin_comment, .new_comment {
margin-bottom:10px;
padding:5px;
font-style:italic;
margin:10px;
}


.new_comment {
background-color:#FFF;
border:1px solid #CFCFCF;
}

.admin_comment {
background-color:#EFEFEF;
border:1px solid #DFDFDF;
}

.comment_meta {
font-style:normal;
margin-bottom:5px;

padding-bottom:5px;
border-bottom:1px solid #CFCFCF;
}
#comments_section, #upload_section {
margin-top:20px;
background:url(../images/main_bg.gif) top left repeat-y;
}
#comment {
margin:10px;
width:935px;
height:80px;
}
#comments_section h2 {
text-decoration:underline;
margin-left:10px;
}
#sending_comment {
margin:10px 0;
display:none;
}

/*--------------------------------*/
/*-------------------UPLOAD STYLES*/
/*--------------------------------*/
#upload_file_form {
text-align:center;
}

#upload_file_form fieldset {
border:1px solid #999;
padding:10px;
margin:10px;
}

#divStatus {
padding:10px 0;
margin:10px 0;
}

.progressWrapper {
	width: 900px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 900px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	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: 900px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}