/* PEECEE.TV Stylesheet*/

body {
	background: #ffffff;
	background-image:url(images/back_tile.gif); repeat-y;
	font-family: 'verdana', 'helvetica', sans-serif;
	font-size: 0.7em;
	color: #ffffff;
}

a {
	color: #fff;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	color: #fff;
	background-color: inherit;
	text-decoration: none;
}

img { border: 0; }

p { margin: 0 0 15px 0; }


/* ++++++++++++++++++++ Page wrapper ++++++++++++++++++++ */

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 1014px;
	position: relative;
	background: url(images/main_frame_mid.gif) repeat-y;
}

#wrapper_top {
	background: url(images/main_frame_top.gif) no-repeat top;
}

#wrapper_bottom {
	background: url(images/main_frame_bot.gif) no-repeat bottom;
}


/* ++++++++++++++++++++ Page header/footer ++++++++++++++++++++ */

#page_header {
	padding-bottom: 2px;
	text-align: right;
	height: 60px;
}

#page_footer {
	text-align: center;
    padding: 20px 0;
    
}


/* ++++++++++++++++++++ Navigation ++++++++++++++++++++ */

ul.sidemenu {
	background: url('images/btn3.gif');	repeat-y;
	list-style: none;
	width: 137px;
	padding: 0;
	margin: 0;
}

ul.sidemenu li a {
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	color:#FFFFFF;

	display: block;
	width: 117px;
	height: 19px;						/* orgiginal height = 37px >> substract padding: 37px minus 2 x 9px = 19px */
	padding: 9px 10px;					/* padding: height,width */
}

ul.sidemenuSelected {
	background: url('images/btn3.gif');	repeat-y;
	list-style: none;
	width: 137px;
	padding: 0;
	margin: 0;
}
ul.sidemenuSelected li a {
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	color:#FABD51;

	display: block;
	width: 117px;
	height: 19px;						/* orgiginal height = 37px >> substract padding: 37px minus 2 x 9px = 19px */
	padding: 9px 10px;					/* padding: height,width */
}


/* ++++++++++++++++++++ Main page layout ++++++++++++++++++++ */


#container_left_1 {
	float: left;
	padding: 0px 0px 0px 7px;			/* padding: height,width */
	width: 144px;						/* orgiginal width = 137px >> add padding: 137px plus 1 x 7px = 144px */
	/* border: 1px solid #545454; */
}


/* small video player (home) */
#container_center_1 {
	float: left;
	width: 330px;
	/*border: 1px solid #545454;*/
}

#container_right_1 {
	float: left;
	width: 502px;
	/*border: 1px solid #545454;*/
}


/* big video player (ondemand) */
#container_center_2 {
	float: left;
	width: 540px;
	/* border: 1px solid #545454; */
}

#container_right_2 {
	float: left;
	width: 300px;
	/*border: 1px solid #545454; */
}


/* search */
#container_center_3 {
	float: left;
	width: 425px;
	text-align: left;
	/*border: 1px solid #545454;*/
}

#container_right_3 {
	float: left;
	width: 406px;
	padding: 0px 0px 0px 7px;
	text-align: left;
	/*border: 1px solid #545454;*/
}


/* ++++++++++++++++++++ Center content ++++++++++++++++++++ */

#center_content_nav {
	padding: 10px;
	text-align: center;	
}

#center_content_nav2 {
	padding: 5px 0 20px 5px;
	text-align: center;	
	/* border: 1px solid #545454; */
}

#center_content_main {
	height:410px; 
	padding: 0 10px;
	overflow:auto;
	text-align: left;
	font-size: 0.9em;
}

#center_content_paging {
	padding: 10px;
	text-align: center;
}


/* ++++++++++++++++++++ Clipsearch & Cliplists ++++++++++++++++++++ */

img.searchImage {
	width:150px;
	height:100px;
	border: 1px solid #545454;
}
#searchResultText {
	font-size: 0.9em;
	text-align: center;
	padding:0 0 5px 0;
	height:38px;
	width:150px;
}
#searchResultImage {
	width:152px;
	height:102px;
}
#searchResultButtons {
	height:45px;
	width: 152px;
	text-align: left;
}

img.listImage {
	width:75px;
	height:50px;
	border: 1px solid #545454;
}
#listResultText {
	text-align: left;
}
#listResultImage {
}

/* ++++++++++++++++++++ Custom thingies ++++++++++++++++++++ */

.greyText{
	color:#545454
}


/* ++++++++++++++++++++ drag ++++++++++++++++++++ */

#sortPlaylist {
	/*width:324px;*/
}

#sortPlaylist li {
	list-style-image:none;
	list-style-type:none;
	padding:4px;
	width:385px;
	margin:0 -38px;
}

span.handle {
	background-color: #E8A400;
	color:white;
	cursor: move;
}
span.text {
}
span.image {

}

span.remove {
	position:absolute;
	right:0;
}

span.remove a:hover {
	color: #ff0000;
}

li.black {
	background-color: #000000;
	border:1px solid #ffffff;
}

#playList {
	/* border: 1px solid #545454; */
}

#search {
	padding:5px;
	/* border: 1px solid #545454; */
}


.formTextInput {
	border: 1px solid #545454;
	background-color: #000000;
	background: #000000;
	color: #ffffff;
	height: 20px;
}

.submit input {
	/* color: #ffffff;*/
	/*background: #000000;*/
	border: 1px solid #545454;
	cursor: hand;
}
.select { 
	border: 1px solid #545454;
	background-color: #000000;
	background: #000000;
	color: #ffffff;
}

#login {
	padding:5px;
	margin: 0 0 0 0px;
}

#signup {
	padding:5px;
	margin: 0 0 0 0px;
}

#spacer {
	height: 6px;
}

#spacer2 {
	height: 15px;
}

#topBar {
	margin: 0 30px 0 0;
	text-align: right;
	padding:10px;
	/* border: 1px solid #545454; */
}


#subMenuContent {
	padding:5px;
}

#subMenuWrapper {
	margin: 0 auto;
	text-align: left;
	width: 500px;
	position: relative;
	background: url(images/subMenuMid.gif) repeat-y;
}
#subMenuWrapper_top {
	height: 8px;
	background: url(images/subMenuTop.gif) no-repeat top;
}
#subMenuWrapper_bottom {
	height: 6px;
	background: url(images/subMenuBot.gif) no-repeat bottom;
}

#subMenuWrapperSmall {
	margin: 0 auto;
	text-align: left;
	width: 280px;
	position: relative;
	background: url(images/subMenuMidSmall.gif) repeat-y;
}
#subMenuWrapperSmall_top {
	height: 8px;
	background: url(images/subMenuTopSmall.gif) no-repeat top;
}
#subMenuWrapperSmall_bottom {
	height: 6px;
	background: url(images/subMenuBotSmall.gif) no-repeat bottom;
}

#subMenuWrapperSmallest {
	text-align: left;
	width: 125px;
	position: relative;
	background: url(images/subMenuMidSmallest.gif) repeat-y;
}
#subMenuWrapperSmallest_top {
	height: 6px;
	background: url(images/subMenuTopSmallest.gif) no-repeat top;
}
#subMenuWrapperSmallest_bottom {
	height: 8px;
	background: url(images/subMenuBotSmallest.gif) no-repeat bottom;
}

#subMenuWrapperMedium {
	margin: 0 auto;
	text-align: left;
	width: 410px;
	position: relative;
	background: url(images/subMenuMidMedium.gif) repeat-y;
}
#subMenuWrapperMedium_top {
	height: 8px;
	background: url(images/subMenuTopMedium.gif) no-repeat top;
}
#subMenuWrapperMedium_bottom {
	height: 6px;
	background: url(images/subMenuBotMedium.gif) no-repeat bottom;
}


.innerError {
	padding-right: 50px;
	padding-top: 1px;
	BORDER-RIGHT: #FF8000 0px solid; BORDER-TOP: #FF8000 10x solid; MARGIN: 0px; BORDER-LEFT: #FF8000 0px solid; BORDER-BOTTOM: #FF8000 0px solid; COLOR: #FF8000
}
#forget a{
	font-size: 0.9em;
}

#banner4 {
	width: 120px;
	margin: 0 0 0 6px;
}
#banner4 img{
	border: 1px solid #545454;
}


#banner5 {
	padding: 30px;
	/* float: center; */
	text-align: center;
	/* border: 1px solid #545454; */
}

#banner5 img{
	border: 1px solid #545454;
}

#smsList {
	height:250px; 
	overflow:auto;
	text-align: left;
	font-size: 0.9em;
}