@import url(Normalize.css);

/***** General styling *****/
body 
{
}

body, td, input, textarea, select
{
	font: 11px Arial, Verdana, Helvetica, sans-serif;
}
form
{
	height: 100%;
}
h1{
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
}
h2{
	margin-top: 0;	
	font-size: 14px;
}

A
{
    text-decoration: none;
}

A:link, 
A:visited, 
A:active
{
	color: #666;
	
}

A:hover
{
	color: #666;
	text-decoration: underline;
	cursor:pointer;
}

input[type=text]:focus, textarea:focus
{
	background: #ffd;
	border: solid 1px #F7B231;
}

.clear
{
	clear: both;
}

.clear_left
{
	clear: left;
}

/********** Padding Styles **********/
.padding_bottom
{
	padding-bottom: 6px;
}

.padding_top
{
	padding-top: 6px;
}
.padding_full
{
	padding: 6px;
}

/********** Message Styles **********/
.error
{
	color:Red;
}


/*********** AJAX MESSAGE DISPLAY ******************/
#messageDisplay
{
	background: url('../images/messageDisplay_graphic.gif') left center no-repeat;
	color: #333;
	margin: 5px;
	padding: 5px 15px 5px 45px;
	border-radius: 5px; 
	position: absolute;
	z-index:5000;
	width:30%;
	left:30%;

}

#messageDisplay.success
{
	background-color: #f6e8cf;
	border: solid 1px #727f8c;
}

#messageDisplay.error
{
	background-color: #ffeeee;
	border: solid 1px #ff8080;
}

#messageDisplay .close
{
	background: url('../images/ui-icons_454545_256x240.png') -32px -193px;
	position: absolute;
	right: 10px;
	top: 5px;
	cursor: pointer;
	width: 14px;
	height: 14px;
}

#noJSDiv
{
    margin-top:20px;
    text-align:center;
	font-size:18px;
}

/*View Preview Styles*/
.ApiPreviewPlayer-pictureframe {
    padding: 5px;
    border: solid black 1px;
}

.ApiPreviewPlayer-container
{
    position: relative;
    background-color:#000;
    height: 206px;
    width: 360px;
}

.ApiPreviewPlayer-iframe
{
    margin: 0px;
    border:none;  
    height: 206px;
    width: 360px;
    background-color: transparent;
}

.ApiPreviewPlayer-overlay
{
    background-color: transparent;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ApiPreviewPlayer-playcoveroverlay 
{
	background-color: #000;
}

.ApiPreviewPlayer-controloverlay 
{
    background-image: url('../../includes/images/clear.gif');
}

.ApiPreviewPlayer-mouseoverlay 
{
    background-image: url('../../includes/images/clear.gif');
}

.ApiPreviewPlayer-play
{
    height: 60px;
    width:60px;
    background: url('../../includes/images/ApiPreviewPlayerSprites.png') no-repeat 0 -95px;
    position: absolute;
    cursor: pointer;
}

.ApiPreviewPlayer-play:hover
{
    background: url('../../includes/images/ApiPreviewPlayerSprites.png') no-repeat -60px -95px;
}

.ApiPreviewPlayer-pause
{
    height: 60px;
    width:60px;
    background: url('../../includes/images/ApiPreviewPlayerSprites.png') no-repeat 0 -35px;
    position: absolute;
    cursor: pointer;
}

.ApiPreviewPlayer-pause:hover
{
    background: url('../../includes/images/ApiPreviewPlayerSprites.png') no-repeat -60px -35px;
}

.ApiPreviewPlayer-time
{
    font-family: arial, verdana, helvetica, tahoma, sans-serif;
    border-top-left-radius: 4px;
    background-color: #990;
    color: #fff;
    padding: 1px 10px 1px 10px;
    position:absolute;
    right: 0px;
    bottom: 15px;
    font-size: 12px;
}

.ApiPreviewPlayer-time-live
{
    bottom: 0px;
}

.ApiPreviewPlayer-seekbar
{
    height: 15px;
    width:100%;
    background-color:#000;
    position: absolute;
    cursor: pointer;
    bottom: 0px;
    left: 0px;
    border-top: solid 1px #333;
    text-align: left;
}

.ApiPreviewPlayer-seekposition
{
    left: 0px;
    height: 15px;
    width:0%;
    background-color:#990;
}

.ApiPreviewPlayer-close
{
    position: absolute;
    top: 0px;
    left: 0px;
    padding:4px;
    background-color: #990;
    border-bottom-right-radius: 4px;
    cursor: pointer;
}

.ApiPreviewPlayer-closeimage
{
    height: 11px;
    width:13px;
    background: url('../../includes/images/ApiPreviewPlayerSprites.png') no-repeat -169px 0px;
    cursor: pointer;
}

.ApiPreviewPlayer-popout
{
    position: absolute;
    top: 0px;
    right: 0px;
    padding:4px;
    background-color: #990;
    border-bottom-left-radius: 4px;
}

.ApiPreviewPlayer-popoutimage
{
    height: 11px;
    width:13px;
    background: url('../../includes/images/ApiPreviewPlayerSprites.png') no-repeat 0px -179px;
    cursor: pointer;
}

.ApiPreviewPlayer-nopreview,
.ApiPreviewPlayer-iframehideoverlay
{
    background-color: #000;
    line-height: 196px;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 20px; 
	text-align: center; 
	color: #FFFFFF; 
}

.ApiPreviewPlayer-erroroverlay
{
    background-color: #000;
    display: table;
}

.ApiPreviewPlayer-erroroverlaytext
{
    display: table-cell;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 12px; 
	color: #FFFFFF;
    padding: 10px;
}


.privateText 
{
    display: inline-block;
    background: url('../../includes/images/icon-lock-pill.png') no-repeat 4px 4px;
    background-color: #ccc;
    border-radius: 3px;
    margin-left: 5px;
    height: 20px;
    width: 20px;
}