.wrapper2 {
	background-color:white;
	margin: 0 auto;
	height: 100%;
}

.wrapper2 td{	color:#bfbfbf;}

/* Rounded corner box */
.rcR1C2 {
	background-image: url(images/rc/Untitled-1_08.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.rcR1C1 {
	background-image: url(images/rc/Untitled-1_07.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 20px;
	width: 13px;
}
.rcR1C3 {
	background-image: url(images/rc/Untitled-1_09.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 14px;
	width: 16px;
}
.rcR2C1 {
	background-image: url(images/rc/Untitled-1_12.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}
.rcR2C2 {
	background-image: url(images/rc/Untitled-1_25.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.rcR2C3 {
	background-image: url(images/rc/Untitled-1_14.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}
.rcR3C1 {
	background-image: url(images/rc/Untitled-1_17.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}
.rcR3C2 {
	background-image: url(images/rc/Untitled-1_18.gif);
	background-repeat: repeat;
	background-position: bottom;
	padding-top:10px;
}

.rcR3C3 {
	background-image: url(images/rc/Untitled-1_19.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}

.rcR4C1 {
	background-image: url(images/rc/Untitled-1_22.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.rcR4C2 {
	background-image: url(images/rc/Untitled-1_23.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.rcR4C3 {
	background-image: url(images/rc/Untitled-1_24.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.rc {
	margin: 0 auto;
}

.rc H2{
	color: #cb9934;
	font-size: 1.4em;
	padding-bottom:5px;
	float:left;
}

/* Video Browser styles */

.wrapper2 a:link {color: #70bbd8;text-decoration: none;}
.wrapper2 a:visited,.wrapper2 a:active{color: #70bbd8; text-decoration: none;}
.wrapper2 a:hover {color: #fff;text-decoration: none;}


#LeftPane{float:left;width:400px;border: 0px dotted #d90000;display:none;}

#CategoryPane, #SubCategoryPane{background:#3d3f47;	width: 180px;	border: 1px solid #373840;	height: 250px;	float:left;	overflow: auto;}

.PaneTitle{height:18px;padding: 4px;font-size: 12px;font-weight:bold;background: url('images/keyline.gif') 0 100% repeat-x;margin-bottom:5px;}
#VideoListPane{border: 1px solid #373840;display:none;font-color:#bfbfbf;	background:#3d3f47;}


#searchBar {float:right;margin:5px;	margin-right:6px;height:20px;}

#keyword{margin-top:-2px;padding:2px;float:left;width:200px;color:#fff;
border-left:1px solid #313131;
border-top:1px solid #313131;
border-right:1px solid #606060;
border-bottom:1px solid #606060;
}


.normalInput{background:#3d3f47;}
.hiliteInput{background:#cc9a34;color:#fff;}


#SearchResults{float:left;}
#videoList{overflow:auto;height:450px;}

#NextStepTop{width: 327px;height: 15px;background: url(images/nextSteps_top.gif) 0 0 no-repeat;margin: 0 auto; margin-top: 20px;font-size:1px;}
#NextStepBottom{width: 327px;height: 18px;background: url(images/nextSteps_bottom.gif) 0 0 no-repeat;margin: 0 auto;}

#NextStepPane{width: 327px; background: url(images/nextSteps_body.gif) 0 0 repeat-y;overflow: auto;margin: 0 auto;}
#NextStepPane h2{color:#cb9934;float:left;clear:both;margin:5px 10px 5px 20px;width:280px;background: url('images/keyline.gif') 0 100% repeat-x;display:inline;}
#NextStepPane ul {float:left;width:300px;clear:both;padding-left:20px;margin:0px;list-style:none;border:0px solid #999;}
#NextStepPane ul li{margin:2px 2px;background:url('images/yellow-arrow.gif') 0 0 no-repeat;padding-left:20px;line-height:15px;font-weight:bold;list-style:none;}

.nextStep{	width: 15px;	height: 250px;	float: left;}

.extraInfo {float:left;	clear:left;	margin-left:0px;width: 100%;align:center;}

/*Style for js*/
span.hilite {background:#cc9a34;color:#fff;}

.videoicon {clear:left;background: url('images/icon_video.gif') 0 50% no-repeat; padding: 3px 0 3px 25px;font-weight:bold;}
.backicon {clear:left;background: url('images/icon_arrow_back.gif') 0 50% no-repeat; padding: 3px 0 3px 25px;font-weight:bold;}


#Paging{margin-left:5px;}

ul.catlist {padding:0;margin:0;list-style:none;}
ul.catlist li{margin:2px 2px;background:none !important;padding-left:0 !important;}
ul.catlist li a {padding:2px 0;padding-left:4px;text-decoration:none;display:block;}
ul.catlist a:hover {background:#50535e;text-decoration:none;}
ul.catlist li.selected {background:#50535e !important;color:#2277c1 !important;}
ul.catlist a:link {color: #bfbfbf;text-decoration: none;}
ul.catlist a:visited,a:active{color: #bfbfbf; text-decoration: none;}
ul.catlist a:hover {color: #bfbfbf;text-decoration: none;}

.keyline {float:center;clear:both;background: url('images/keyline.gif') 0 50% repeat-x; height:2px;margin:0;padding:0;margin:0 0.5em;}

.thumblist3{padding:2px 0;margin:0;border:0px solid #c00;}
.thumblist3 .thumbnail{float:left;width:80;height:60;padding:2px;margin:0.5em 1em 0.5em 0.5em; 
border-left:1px solid #606060;border-top:1px solid #606060;border-right:1px solid #313131;border-bottom:1px solid #313131;}

.thumblist3 .title{font-size:1.1em; font-weight:bold; margin-left: 100px;padding:0;padding-top:0.5em;padding-left:0.5em;border:0px solid #fff;}
.thumblist3 .desc{border:0px solid #fff;margin-left: 100px;margin-top:5px;}
.thumblist3 .subtitle { display:none;}

.playbutton{width:31px;height:27px;margin-top:-27px;margin-left:52px;z-index:10;}

.WindowOpentitle{	background-color: #fff;margin-top: 1em;padding: 0px;color:#cb9934;font-size: 14px;font-weight:bold;}
.WindowOpenThumb{text-align:center;width:210px;border:0px solid #d90000;}
.WindowOpenPlay{text-align:center;margin:10px;border:0px dotted #999;font-weight:bold;}

#pagebar{display:none;margin:2px 0;}

.pagegridprev a, .pagegridnext a{width:30px;margin:2px;padding:4px;font-size:14px;text-align:center;display:block;
border-left:1px solid #606060;
border-top:1px solid #606060;
border-right:1px solid #313131;
border-bottom:1px solid #313131;
}
.pagegridprev a:hover,.pagegridnext a:hover {background:#50535e;color:#ffffff;text-decoration:none;}
.pagegridnext{float:right;}


.pagegrid a {display:block;text-decoration:none;}
.pagegrid a:hover {background:#50535e;text-decoration:none;color:#ffffff;}

.pagegrid{float:left;width:20px;margin:2px;font-size:11px;text-align:center;
border-left:1px solid #606060;
border-top:1px solid #606060;
border-right:1px solid #313131;
border-bottom:1px solid #313131;
}

.selectedpagegrid{float:left;width:20px;margin:2px;font-size:11px;text-align:center;
border-left:1px solid #313131;
border-top:1px solid #313131;
border-right:1px solid #606060;
border-bottom:1px solid #606060;
}

pre {
font-family:Arial, Helvetica, sans-serif;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
width: 99%;
}


#debug{margin-left:2em;margin-top:2em;height:200px;width:1000px;border:2px dotted #ccc;overflow:auto;text-align:left;display:none;}
