/* ============================================ */
/* = PROJECT:    Outsourcery Limited          = */
/* = MEDIA:      Screen                       = */
/* = CREATED:    05/06/2009                   = */
/* ============================================ */

/* $Id: popup.css 363 2010-07-13 12:51:21Z neilm $ */

@import url('/assets/styles/reset.css');

body {
	background: #E5E5E5;
	color: #000;
	font: normal normal normal 70%/normal Arial, Helvetica, sans-serif;
	margin: 6px;
	}

a {
	color: #CF0071;
	}

h1 {
	font-weight: bold;
	}
p {
	margin: 12px 0;
	}

strong {
	font-weight: bold;
	}

th {
	text-align: right;
	}

label {
	font-weight: bold;
	padding-right: 3px;
	}
button, input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	}
input[type="text"] {
	width: 20em;
	}

.buttons {
	border-top: 1px solid #B2B2B2;
	margin: 0;
	padding: 6px 0 0;
	text-align: right;
	width: 100%;
	}
.buttons p {
	height: 26px;
	margin: 0 0 6px;
	}

.btnRequest {
	background: url('/assets/images/buttons/request_black.png') no-repeat 0 0;
	border: none;
	cursor: pointer;
	height: 20px;
	margin: 0;
	text-indent: -9999px;
	width: 80px;
	}
.btnCancel {
	background: url('/assets/images/buttons/cancel_grey.png') no-repeat 0 0;
	border: none;
	cursor: pointer;
	height: 20px;
	margin: 0 0 0 6px;
	text-indent: -9999px;
	width: 80px;
	}

#osFormResources {
	text-align: center;
	}
	
.osFormTable {
	border-collapse: collapse;
	width: 100% !important;
	}
.osFormTable p {
	margin: 0 !important;
	padding: 4px 0;
	line-height: 19px;
	border-top: 1px solid #B2B2B2;
	}
.osFormTable p:first-child {
	border-top: 0 !important;
	}

.osFormTable p label {
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px !important;
	width: 40%;
	}

.osFormTable th,
.osFormTable td {
	border-top: 1px solid #B2B2B2;
	padding: 3px;
	}

#otherBT,
#hearGen {
	margin: 3px 0;
	}
#otherBT input,
#hearGen input {
	width: 190px;
	}

.formError {
	color: #F50082 !important;
	font-size: 90%;
	}

#osProductSpecification {
	margin: 6px 0 0;
	width: 100% !important;
	}
#osProductSpecification th {
	font-weight: bold;
	border-top: 1px solid #B2B2B2;
	padding: 3px;
	}
#osProductSpecification td {
	font-weight: normal;
	border-top: 1px solid #B2B2B2;
	padding: 3px;
	}
a.close {
	background: url('/assets/images/buttons/close_black.png') no-repeat 0 0;
	display: block;
	float: right;
	height: 20px;
	width: 80px;
	}
a.close strong {
	display: none;
	}

#osBasketTable {
	border-bottom: 1px solid #B2B2B2;
	width: 100%;
	}
#osBasketTable thead th,
#osBasketTable tbody th {
	font-weight: bold;
	text-align: left;
	}
#osBasketTable thead th {
	padding: 3px;
	}
#osBasketTable tbody th,
#osBasketTable tbody td {
	border-top: 1px solid #B2B2B2;
	padding: 3px;
	}

.amountvalue {
	text-align: right !important;
	}

.btnContinue {
	background: url('/assets/images/generic/basket_continue_black.png') no-repeat 0 -20px;
	border: none;
	cursor: pointer;
	height: 20px;
	margin: 12px 0 0;
	text-indent: -9999px;
	width: 140px;
	}
	
/* =MEDIA POPUP = */
#osBlackBG {
	/*width: 100%;
	height: 100%;
	background:#000;*/
	margin:0;
	padding:0;
	}
#osBlackBG #osMediaViewer{
	width:320px;
	margin: 1px;
	}
#osBlackBG #osYoutubeViewer {
	width: 100%;
	height: 100%;
	background: #000;
	text-align: center;
	}