﻿body 
{
	margin: 0;
	padding: 0;
	background-color: #F3F3F3;
	height: 100%;
}
a
{
	font-family: Arial, Verdana;
	font-size: 11px;
}
a img
{
    border: none;
}

li>a
{
    font-size: 12px;
}
/*** MastePage Layout ***/
#MasterPage_Header
{
	background-image: url(Img/background_header.jpg);
	background-repeat: repeat-x;
	height: 49px;
	width: 100%;
	z-index: 100;
}
.MasterPage_Header_Menu
{
	height: 40px;
	width: 760px;
	margin: 0px auto 0px auto;	
	z-index: 200;
	padding: 3px;
}
#MasterPage_Content
{
	width: 100%;
	background-color: #F3F3F3;
	overflow: auto;
	z-index: 10;
}
#MasterPage_Content_Center
{
	height: 100%;
	width: 760px;
	margin: 0px auto 0px auto;
}
#MasterPage_Footer
{
	background-color: #999999;
	position: relative;
	width: 100%;
	height: 20px;
}
#MasterPage_Footer_Center
{
	width: 760px;
	margin: 3px auto 0px auto;
	font-size: 11px;
	text-align: center;
	color: #FFFFFF;
	vertical-align: top;
	font-family: "Lucida Grande" , "Trebuchet MS";
}

/*** Content Layout ***/
.Content_Table
{
	width: 100%;
}
.Content_Header
{
	background-image: url(Img/main_head.gif);
	background-repeat: no-repeat;
	font-size: 0px;
	height: 20px;
}
.Content_Cell_Header
{
	text-indent: 15pt;
	color: #006080;
	font-weight: bold;
	font-size: 22px;
	font-family: Arial, Verdana;
}
.Content_Main
{
	background-image: url(Img/main_background.gif);
	margin-left: 3px;
	width: 760px;
	margin-right: 3px;
}
.Content_Section_Header
{
	background-image: url(Img/Content_header.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family: Verdana, Arial;
	font-weight: bold;
	text-indent: 10px;
	font-size: 11px;
	height: 48px;
	width: 756px;
}
.Content_Section_Header_Black
{
	background-image: url(images/bgBlackHeader.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family: Verdana, Arial;
	font-weight: bold;
	text-indent: 10px;
	font-size: 11px;
	height: 26px;
	width: 756px;
}
.Content_Section_Header_Blue
{
	background-image: url(Img/bgBlueHeader.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family: Verdana, Arial;
	font-weight: bold;
	text-indent: 10px;
	font-size: 11px;
	height: 28px;
	width: 756px;
}
.Content_SubSection_Header
{
	background-image: url(Img/bgBlueHeader.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family: Verdana, Arial;
	font-size: 11px;
	height: 16px;
    padding: 3px;
    margin: 2px 0px;
}

.Content_Section
{
	background-color: #19C4FD;
	vertical-align: top;
	width: 756px;
	color: #FFFFFF;
	font-family: Verdana, Arial;
	font-size: 11px;
	padding: 0px 5px 5px 5px;
}
.Content_Footer
{
	background-image: url(Img/main_foot.gif);
	background-repeat: no-repeat;
	height: 20px;
}

/*** RadGrid ***/
.RadGrid
{
	background-color: #fff;
	cursor: pointer;
	width: 100%;
/*	text-align: center;  */
	font-size: 11px;
	font-family: Arial, Verdana;

}
.RadGridMaster
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	overflow:hidden; 
	white-space:nowrap;
}
.RadGrid A,
.rgCommandRow a
{
	color: black;
}


.RadGridHeader
{
	text-align: left;
	height: 17px;
	color: #fff;
	background: #000 url(images/bgBlackHeader.gif) repeat-x;
}

.RadGridHeader,
.RadGrid .rgEditRow td
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.RadGridHeader A
{
	color: #fff;
	text-decoration: none;
}
.RadGridPager
{
	height: 24px;
}
.RadGridPager td
{
	padding-left: 11px;
	padding-right: 4px;
}
.RadGridItemCaption
{
	font-weight:bold;
}
.RadGridItem
{
	text-align: left;
	height: 10px;
	background-color: #edf8fb;
	cursor: hand;
	border-bottom: #CBCCCE 1px solid;
}
.RadGridItem td
{
	border-bottom: #CBCCCE 1px solid;
	padding-left: 4px;
	padding-right: 4px;
	overflow: hidden; 
    white-space: nowrap;
}
.RadGridAlternatingItem
{
	text-align: left;
	height: 14px;
	background-color: #fff;
	cursor: hand;
	border-bottom: #CBCCCE 1px solid;
}
.RadGridAlternatingItem td
{
	border-bottom: #CBCCCE 1px solid;
	padding-left: 4px;
	padding-right: 4px;
	overflow: hidden; 
    white-space: nowrap;
}

.RadGridSelectedItem tr,
.rgSelectedRow
{
	height: 14px;
	cursor: hand;
	border-bottom: #CBCCCE 1px solid;
	font-weight: bold;
	text-align: left;
}

.rgSelectedRow
{
	background-color: #19c4fd;
}

.RadGridSelectedItem td
{
	border-bottom: #CBCCCE 1px solid;
	padding-left: 4px;
	padding-right: 4px;
	overflow: hidden; 
    white-space: nowrap;
}
.RadGridSelectionHover
{
	height: 14px;
	background-color: #19c4fd;
	border-bottom: #CBCCCE 1px solid;
}
.RadGridSelectionHover td
{
	border-bottom: #CBCCCE 1px solid;
	padding-left: 4px;
	padding-right: 4px;
	overflow: hidden; 
    white-space: nowrap;
}

/*** Buttons ***/
.rgExpand
{
	background-image: url(../../images/collapsed.gif);
}

.rgCollapse
{
	background-image: url(../../images/expanded.gif);
}

.ShowDiv
{
	background-image: url(Img/but_plus.gif);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	margin-right: 3px;
	margin-top: 4px;
	color: #FFFFFF;
	font-family: Verdana, Arial;
	font-weight: bold;
	text-indent: 10px;
	font-size: 11px;
	padding-left: 5px;
	margin-left: 5px;
}
.HideDiv
{
	background-image: url(Img/but_minus.gif);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	margin-right: 3px;
	margin-top: 4px;
	color: #FFFFFF;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	text-indent: 10px;
	padding-left: 5px;
	margin-left: 5px;
}

.buttonShow
{
	background-image: url(Img/but_plus.gif);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}
.buttonHide
{
	background-image: url(Img/but_minus.gif);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}

.clear 
{ 
    overflow: hidden;
    width: 100%;
}
a.BlueBackButton
{
    background: transparent url(Img/but_blue_right.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 25px;
    margin-right: 5px;
    padding-right: 16px;
    text-decoration: none;
}
a.BlueBackButton span 
{
    background: transparent url(Img/but_blue_left.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0 5px 16px;
} 
a.BlueBackButton:active 
{
    background-position: bottom right;
    color: #000;
    outline: none; 
}
a.BlueBackButton:active span 
{
    background-position: bottom left;
    padding: 5px 0px 6px 16px; 
}
a.WhiteBackButton
{
    background: transparent url(Img/but_white_right.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 25px;
    margin-right: 5px;
    padding-right: 16px;
    text-decoration: none;
    text-indent: 0px;
}
a.WhiteBackButton span 
{
    background: transparent url(Img/but_white_left.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0 5px 16px;
}
a.aspNetDisabled span
{
    color: #999999;
}
a.WhiteBackButton:active 
{
    background-position: bottom right;
    color: #000;
    outline: none; 
}
a.WhiteBackButton:active span 
{
    background-position: bottom left;
    padding: 5px 0px 6px 17px; 
}  

/*** Mixed ***/
.rgSortAsc
{
	background-image: url(img/SortedAsc.gif) ;
	background-position: center center ;
	background-repeat: no-repeat;
}

.rgSortDesc
{
	background-image: url(img/SortedDesc.gif) ;
	background-position: center center ;
	background-repeat: no-repeat;
}

.InputText
{
	padding-left: 2px;
	padding-right: 2px;
	font-size: 12px;
	font-family: Arial, Verdana;
}
.ValueText
{
	padding-left: 2px;
	padding-right: 2px;
	font-size: 12px;
	font-family: Arial, Verdana;
	color: Blue;
}
.WhiteInputText
{
	padding-left: 2px;
	padding-right: 2px;
	font-size: 12px;
	font-family: Arial, Verdana;
	color: #FFFFFF;
}
.RightAlignedText
{
	text-align: right;
}
.CenterAlignedRightStyledInput
{
	text-align: right;
	vertical-align: middle;
}
.GridText
{
	padding-left: 2px;
	padding-right: 2px;
	font-size: 12px;
	font-family: Arial, Verdana;
}
.ErrorText
{
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Verdana;
	color: #ff0000;
}
.UserMessageText
{
	font-size: 12px;
	font-family: Arial, Verdana;
	background-color: #fffacd;
	margin: 8px;
	padding: 8px;
	border: solid 1px #cdc9c9;
}
.ButtonPanel
{
	border-right: #d3d3d3 thin solid;
	border-top: #d3d3d3 thin solid;
	border-left: #d3d3d3 thin solid;
	border-bottom: #d3d3d3 thin solid;
	padding: 2px 2px 2px 2px;
}
.ColumnStyle1
{
	width: 180px;	
}
.AddressPanel
{
	background-color: #DAE6F1;
	color: #000000;
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
	height:100%;	
}

.PropertyLabel
{
	font-family:Arial,Verdana;
	font-size:11px;
	padding-left:2px;
	padding-right:2px;	
	font-weight:normal;
}
.MainHeader
{
	background-image: url(Img/bgBlueHeader.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	height: 28px;
	width: 756px;
}

.MainHeader span,
.MainHeader div
{
	float: left;
	margin-left: 6px;
}

.MainHeader span
{
	margin-top: 6px;
}

.MainHeader div
{
	margin-top: 8px;
	width: 12px;
	cursor: pointer;
}

.RadTabStrip_Vista li a.selected
{
	background: #DAE6F1;
	margin: -2px 0 0 0;
	height: 19px;
	line-height: 17px;
	border-bottom: 1px solid #fff;
}

.MasterTable_Default td 
{ 
	overflow:hidden; 
	white-space:nowrap; 
}

.infobox
{
	background-color: #edf8fb;
	border: 1px solid #8888ff;
	padding: 2px 10px;
	margin: 2px 10px;
	width: 740px;
}

.ValidatorRed
{
	color: Red;
	font-weight: bold;
	font-family: Symbol, Impact, Arial Black, Arial, Verdana;
}

.LicencedBox {
    background-image: url('../../images/greendot.gif');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    margin: 0px 0px 2px 0px;
    padding: 4px 4px 4px 20px;
    display: inline-block;
    border: 1px solid LightGray;
}

.NotLicensedBox {
    background-image: url('../../images/reddot.gif');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    margin: 0px 0px 2px 0px;
    padding: 4px 4px 4px 20px;
    display: inline-block;
    color:gray;
    border: 1px solid LightGray;
}

table.ShipmentStatus
{
    width: 100%;
}

table.ShipmentStatus td
{
    text-align: center;
    border: solid 1px #F3F3F3;
    color: #006080;
}

table.ShipmentStatus div
{
    margin: 4px 0px;
}
table.ShipmentStatus div>span
{
    float: left;
    width: 120px;
}

table.ShipmentStatus .bigger
{
    font-size: 15px;
    font-weight: bold;
}

.activity
{
	margin: 0px 2px 0px 2px;
	height: 48px;
	width: 756px;
    background-color: #edf8fb;
	border-top: #CBCCCE 1px solid;
    border-bottom: #CBCCCE 1px solid;
	position: static;
	clear: left;
    color: #000;
}
.activityLabel
{
	padding-top:4px;
	float: left;
	width: 378px;
    height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
    border-bottom: #CBCCCE 1px solid;
}
.activityItem
{
    padding-top: 4px;
	float: left;
	width: 94.5px;
    height: 20px;
	text-align: center;
    font-size: 12px;
	font-weight: bold;
}
.activityKey
{
    float: left;
	margin: 6px auto 0px auto;
	font-size: 12px;
	font-weight: bold;
	width: 60%;
}
.activityValue
{
    margin: 6px auto 0px auto;
	font-size: 12px;
	font-weight: bold;
	width: 40%;
}

.FreeText
{
	padding-left: 2px;
	padding-right: 2px;
	font-size: 12px;
	font-family: Arial, Verdana;
}

td.FreeText
{
    padding:4px 12px;
}

.FreeText h1
{
    color: #006080;
    font-size: 18px;    
}

.FreeText h2
{
    color: #006080;
    font-size: 15px;
}

#statusPanel {
    width:100%;
    position:fixed;
    bottom:20px;
    z-index:1000;
}

#statusPanel>div
{
    margin: 0px auto;
    height: 34px;
    width: 760px;
    background-color:antiquewhite;
}