/* begin overall style */
body
{
	margin: 0;
	padding: 0;
	background: white;
	color: #333;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 9pt;
}

a
{
	color: #0066a7;
	text-decoration: none;
}

a:hover
{
	color: red;
}

h1, h2, h3
{
	margin: 0px 0px 10px 0px;
	font-family: verdana, tahoma, arial, sans-serif;
	font-weight: bold;
	color: #52565B;
}

h1
{
	font-size: 13pt;
}

h2
{
	font-size: 11pt;
}

h3
{
	font-size: 10pt;
}

input, textarea, select, button, optgroup
{
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 9pt;
	font-style: normal;
}

img
{
	border: none;
}

.page
{
	width: 960px;
	margin: 0 auto;
}

.page-wide
{
	width: 1500px;
	margin: 0 auto;
}
.page-1000
{
	width: 1000px;
	margin: 0 auto;}

#header
{
	margin: 0;
	padding: 0;
	height: 64px;
	background: url(bg_ra.gif) no-repeat center top;
}

#menubar
{
	float: right;
	padding: 10px 0 10px;
	text-align: right;
}

#logo
{
	margin: 0;
	padding: 5px 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	color: #52565B;
}

#logo #beta
{
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #52565B;
}

#ra {
	position: absolute;
	margin-top: 14px;
	margin-left: 470px;
	width: 230px;
	height: 40px;
}

#langmenu
{
	margin: 0 0 10px 0;
}

#langmenu .sep
{
	color: #999;
}

#mainmenu
{
	height: 29px;
	padding: 5px 0 0;
	background-color: #3285CE;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 9pt;
}

#mainmenu ul
{
	margin: 0;
	padding: 0.4em 0 0.3em 4px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	padding: 0.4em 1.1em;
	color: white;
	text-decoration: none;
	font-weight: bold;
	border: 1px dotted #FFF;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	background: white;
	color: #52565b;
}

#mainmenu ul li { position: relative; }
#mainmenu ul li.active-submenu:hover > ul { display: block; }
#mainmenu ul li.not-active-submenu:hover > ul { display: none; }
#mainmenu ul li ul { display: none; position: absolute; top: 16px; left: -4px;  background: #3285CE; color: #fff; height: auto; width: 99.5%; padding: 0px 4px 4px 4px;}
#mainmenu ul li ul li a { color: #fff; padding: 0.4em 1.1em; display: block; width: auto;}
#mainmenu ul li ul li.active a, #mainmenu ul li ul li a:hover { color: #3285CE; }
#mainmenu ul li ul li { clear: left;}

#content
{
	margin: 15px 0;
}

#footer
{
	padding: 15px;
	margin: 20px 0 0 0;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #EEE;
}

.large-text
{
	font-size: 10pt;
	line-height: 150%;
	margin: 10px 0 20px 0;
}

.clearfloat
{
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.confirmation
{
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 1px solid #E4EBD8;
	background: #F5FCE8;
	color: green;
	font-weight: bold;
}

.floatright {
	float: right;
}

.margin2 {
	margin: 0 2px;
}

.margin5 {
	margin: 0 5px;
}

.margin-t10 {
	margin-top: 10px;
}
.margin-b10 {
	margin-bottom: 10px;
}

.margin-bt10 {
	margin: 10px 0;
}

.breadcrumbs
{
	margin: 0px 0 10px 0;
}

.actionBar
{
	margin: -30px 1px 0 0;
	float: right;
}

.actionMenu
{
	margin: 0 0 10px 0;
}

.actionMenu span
{
	color: #999;
}

.summaryTop
{
	margin: -20px 1px 5px 0;
	float: right;
}

.active-submenu {
	margin: 0 3px;
	float: right;
}

.not-active-submenu {
	margin: 0 3px;
	float: right;
}

.not-active {
	pointer-events: none;
	cursor: default;
}

a.compl-link {
	color: black;
}
a.compl-link:hover {
	color: black;
	text-decoration:underline;
}

div.item
{
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #E8E8E8;
}

div.group {
	margin: 20px 0 10px 0;
	font-size: 10pt;
	font-weight: bold;
}

div.sub-group {
	padding: 5px;
	background: #D0DEF0;
	font-weight: bold;
}

table.dataGrid
{
	background: white;
	border-collapse: collapse;
	width: 100%;
}

table.dataGrid th, table.dataGrid td
{
	padding: 5px;
	vertical-align: top;
}

table.dataGrid th
{
	border: 1px #D5E3F5 solid;
	background: #EBF3FD;
	text-align: left;
}

table.dataGrid td
{
	border: 1px #E8E8E8 solid;
}

table.dataGrid th.label
{
	width: 150px;
}

table.dataGrid tr.odd
{
	background: #F4F4F4;
}

table.dataGrid tr:hover
{
	background: #ECFBD4;
}

table.dataGrid td.nowrap
{
	white-space: nowrap;
}

table.dataGrid td.buttonColumn img:hover
{
	-moz-box-shadow: 3px 3px 4px #A8B296;
	-webkit-box-shadow: 3px 3px 4px #A8B296;
	box-shadow: 3px 3px 4px #A8B296;
}

/*=Grid
---------------------------------*/
.width-100pr {
	width: 100%;
}
.width-lllong {
  width: 792px;
}
.width-lllong-dd {
  width: 798px;
}
.width-llong-2 {
  width: 695px;
}
.width-llong {
  width: 475px;
}
.width-long {
  width: 380px;
}
.width-half {
  width: 190px;
}
.width-half-2 {
  width: 155px;
}
.width-half-dd {
  width: 196px;
}
.width-half-dd2 {
  width: 161px;
}
.width-140 {
  width: 140px;
}
.width-125 {
  width: 125px;
}
.width-100 {
  width: 100px;
}
.width-90 {
  width: 90px;
}
.width-80 {
  width: 80px;
}
.width-short-dd {
  width: 75px;
}
.width-short45 {
  width: 45px;
}
.width-short {
  width: 40px;
}
.width-short30 {
  width: 30px;
}
.width-short20 {
  width: 20px;
}
.width-16 {
  width: 16px;
}
.width-time {
  width: 58px;
}
.grid-view .summary {
	margin: 0 0 5px 0;
	text-align: left;
}
.grid-subtitles {
	width: 100%;
	border-collapse: collapse;
}
.grid-pieces th {
	/*background-color: #f5f8f9; */
	/*color: #555;*/
	background-color: #f3f4f5; 
	padding: 4px 6px;
	margin: 0px;
	/*font-size: 8pt;*/
	font-weight: normal;
	height: 18px;
	/*border-top: 1px solid #D5E3F5; 
	border-bottom: 1px solid #D5E3F5;*/
	text-align: left;
}
.grid-pieces td {
	padding: 2px 5px;
	margin: 0;
	height: 18px;
	/*border-bottom: 1px dotted #CCCCCC;*/
}
.detail-sub-table th {
	/*background-color: #EBF3FD; */
	/*color: #555;*/
	background-color: #f3f4f5; 
	padding: 4px 6px;
	margin: 1px;
	font-weight: normal;
	height: 18px;
	/*border-top: 1px solid #D5E3F5; 
	border-bottom: 1px solid #D5E3F5;*/
	text-align: right;
}

table.detail-view th
{
	width: 130px;
}

.detail-sub-table td {
	padding-left: 4px;
}

table.components {
	width: 100%;
	border-collapse: collapse;
	padding
	margin: 0;
}

table.components th, table.components td
{
	border: 1px #D5E3F5 solid;
	padding: 1px;
	height: 20px;
}

tr.component-title td {
	/*background-color: #ffcc99;*/
	background-color: #A1B0C3;
	height: 32px;
	font-weight: bold;
	text-align: center;
}
tr.component-title td.bg-white {
	background-color: #ffffff;
}

tr.component-content td {
	/*background-color: #ffffb3;*/
	height: 22px;
	text-align: center;
}

tr.sub-component-title td {
	padding: 0 4px;
	background-color: #d8d8d8;
	height: 20px;
	text-align: center;
}

tr.sub-component-content{
	background-color: #ffffff;
	text-align: center;
}

tr.clickable-row:hover{
	background-color: #ECFBD4;
	cursor: pointer;
}

tr.sub-component-content-open td {
	background-color: #ECFBD4;
	text-align: center;
	cursor: pointer;
}

tr.sub-action-title td {
	background-color: #d8d8d8;
	height: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
}

tr.sub-action-content td {
	background-color: #ffffff; 
	text-align: center;
}

tr.component-content td.component-default {
	background-color: #d5e3f5;
}
tr.component-content td.component-pos {
	background-color: #bbbbbb;
}
tr.component-content td.component-neg {
	background-color: #ff8888;
}
tr.component-content td.component-mag {
	background-color: #cc9999;
}
tr.component-content td.component-dbpos {
	background-color: #ccccff;
}
tr.component-content td.component-dbneg {
	background-color: #ffffb3;
}
tr.component-content td.component-hneg {
	background-color: #77ccff;
}
tr.component-content td.component-fail {
	background-color: #99cccc;
}
tr.component-content td.component-tag {
	background-color: #d8e3f2;
}
tr.component-content td.component-heli {
	background-color: #c1e0e0;
}
tr.component-content td.component-video {
	background-color: #bbddff;
}
tr.component-content td.component-dcp {
	background-color: #f5c9e7;
}
tr.component-content td.component-mp4 {
	background-color: #ddeeee;
}
tr.component-content td.bg-white {
	background-color: #ffffff;
}
span.btn {
	margin-left: 30px;
	padding: 0;
}

table.damages {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
table.damages th, table.damages td
{
	border: 1px #d5e3f5 solid;
	padding: 5px;
	vertical-align: top;
}
table.damages th
{
	background:#ebf3fd;
	text-align: right;
	font-weight: normal;
}

tr.digi-title
{
	color: #0066a7;
	height: 32px;
	padding: 5px;
	margin-bottom: 3px;
}
tr.digi th
{
	background:#ebf3fd;
	text-align: left;
	font-weight: bold;
	padding: 2px 5px;
}
tr.digi td
{
	background:#ebf3fd;
	text-align: left;
	font-weight: normal;
	padding: 2px 5px;
}

tr.digi2 th, table.item-class2 th
{
	border: 1px #d5e3f5 solid;
	padding: 5px;
	background: #ebf3fd;
	text-align: left;
	height: 30px;
}
tr.digi2 td, table.item-class2 td
{
	border: 1px #e8e8e8 solid;
	background: #fcfcfc;
	text-align: left;
	font-weight: normal;
	padding: 2px 5px;
	height: 30px;
}

table.item-class, table.item-class2, table.digi2
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.item-class
{
	margin: 5px 0;
}

table.item-class th
{
	background:#f0f0f0;
	border: 1px #e8e8e8 solid;
	padding: 5px;
	vertical-align: top;
}
table.item-class td
{
	border: 1px #e8e8e8 solid;
	padding: 5px;
	vertical-align: top;
}