/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*
    Common Styles in entire site
*/

body
{
	font-family: arial, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	
}
body.maximized
{ 
	background-color: #8DBCDF;
}

a
{
	color: #0175AC;
	text-decoration: none;
	font-weight:normal;
}

a:hover
{
	text-decoration: underline;
}

h3
{
	color: #335980;	
	padding: 0px 5px 0px 14px;
	font-weight: bold;
	font-size: 14px;
	float: left;
}

/* Header, Footer */
input[type="text"] 
{
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    margin: 0;
    font-size: 100%;
    background-color: white;
    color: #515967;
    /*background: 0;*/
    padding: 2px .3em;
    height: 18px;
    line-height: 1.6em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-color: #DBDBDE;
    /*background-color: #F3F3F4;*/
    border-width: 1px;
    border-style: solid;
    padding: 1px 1px 3px;
}

input[type="password"] 
{
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    margin: 0;
    font-size: 100%;
    background-color: white;
    color: #515967;
    /*background: 0;*/
    padding: 2px .3em;
    height: 18px;
    line-height: 1.6em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-color: #DBDBDE;
    /*background-color: #F3F3F4;*/
    border-width: 1px;
    border-style: solid;
    padding: 1px 1px 3px;
}

select
{
    vertical-align:top;
}

#header
{
	height: 49px;
	background: url(Images/bg_header.gif) repeat-x 0 -49px;
	height: 32px;
	padding: 17px 10px 0px 0px;
}

#header h1
{
	margin-left: 17px;
	background: url(Images/bg_header_h1.gif) no-repeat;
	width: 75px;
	height: 22px;
	float: left;
}

#header.maximized
{
	/* 
		Needs an alternative version to seam up with the underlying background
		Unfortunately IE 6 makes it impossible to do this with PNGs
	*/	
	background-position: 0 0px;
}

#header #user_controls {
float: right;
height: 20px;
}

/* -- Window Content -- */
 
.window_content
{
	background-color: #8dbcdf;
	padding: 10px 0 12p 0px;
	margin: 0 auto;
	/*border:1px solid green;*/
}

.window_title h2
{
	font-family: "myriad pro", "myriad", "tahoma", "arial", sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	margin-left: 25px;
	margin-top:10px;
	float: left;
}

/* Panels */

.panel
{
	/*background: url(../Images/bg_panel.gif) repeat-y;*/
	background-color:#fff;
	font-size: 11px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    margin: 5px 25px 5px 25px;
    padding:5px 5px 5px 5px;
}

.panel_collapse
{
    height:35px !important;
}

.panel_hd
{
	min-height: 25px;
	clear: both;
}

.panel_hd .bt_loading,
.panel_hd .bt_expand,
.panel_hd .bt_collapse
{	
	margin: 6px 6px 6px 0;
	float: right;
}


.panel_hd h3
{
	color: #335980;	
	padding: 8px 5px 8px 14px;
	font-weight: bold;
	font-size: 12px;
	float: left;
}

.panel_hd div
{
    padding: 6px 5px 7px 5px;
}

.panel_ft,
.panel_ft_rt
{
	min-height: 15px;
	line-height: 0;
	clear: both;
}

/*	
.panel_arrow_dividers
{
	margin-top: -10px;
}
.panel_arrow_dividers .panel_hd
{
	background: url(../Images/bg_panel_arrow_dividers_hd.gif) no-repeat;
	min-height: 24px;
}

.panel_arrow_dividers .panel_hd_rt
{
	background: url(../Images/bg_panel_arrow_dividers_hd_rt.gif) no-repeat top right;
	padding-top: 0;
	min-height: 24px;
}

.panel_arrow_dividers .panel_hd h3
{
	padding-top: 8px;
}
*/
.panel_body
{
	padding:  8px 5px 2px 5px;
}

/* Special info panel with tight spacing (as in rich text document template) 
.panel_info .panel_body
{
	padding-top: 0;
}
*/

.panel_body label
{
color: #4F6173;
font-size: 11px;
float: none;
text-align: left;
padding: 0 4px 3px 0;
clear: both;
display: block;	
}

/*
.panel .labelLeft
{
    display: inline;	
}
*/

.panel_body p.panel_info
{
	color: #53585c;
	padding-bottom: 1em;
	float: left;
}

.panel_divider
{
	background-color:#ECF0EF;
	height: 2px !important;
	line-height: 2px;
	font-size: 0;
	clear: both;
	padding: 0px 0 0px 0px !important;
}

.panel h4
{
	font-weight: bold;
	font-size: 13px;
	color: #4F6173;
}

/* Expand/Collapse Buttons (for Panels) */

a.bt_loading,
a.bt_collapse,
a.bt_expand
{
	height: 19px;
	width: 19px;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}

a.bt_collapse:hover,
a.bt_expand:hover
{
	background-position: 0 -19px;
}	

a.bt_expand
{
	background: url(Images/starnet-sprite.png) no-repeat 0px 0px;
    height:19px;
    width:19px;
}
a.bt_expand:hover
{
    background-position: 0px -19px;
    cursor:pointer;
}
a.bt_expand[disabled]
{
    background-position: 0px -38px;
    cursor:default;
}


a.bt_collapse
{
	background: url(Images/starnet-sprite.png) no-repeat 0px -116px;
}
a.bt_collapse:hover
{
    background-position: 0px -135px;
    cursor:pointer;
}
a.bt_collapse[disabled]
{
    background-position: 0px -154px;
    cursor:default;
}



a.bt_loading
{
    background-image:url(../Content/Telerik/loading.gif);
}


/* 
	Panel Inner (Light Blue) 
*/


.inner_panel
{
	background-color:#E2EEF8;
	padding: 0 0 5px 0;
	margin:  2px 2px 2px 2px;
	float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.inner_panel_hd
{
	min-height: 25px;
}


.inner_panel_hd h4
{
	color: #4f6173;
	font-weight: bold;
	font-size: 13px;	
	padding: 8px 11px 6px 12px;
	float:left;
}

.inner_panel_hd div
{
	padding:    5px 5px 5px 5px;
}

.inner_panel_body
{
	padding: 4px 14px 8px 14px;
}

.inner_panel_body.shipwatermark {
    background: url(Images/bg_ship_watermark.jpg) no-repeat top left;
    margin-left:5px;
}

.inner_panel_body .field_wrap label,
.inner_panel_body .field_wrap p.label
{
	color: #4f6173;
	font-size: 11px;
	float: none;
	text-align: left;
	padding: 0 4px 3px 0;
	clear: both;
	display: block;
}

.inner_panel_body .field_wrap label.checkbox,
.inner_panel_body .field_wrap label.radio
{
	clear: none;
	float: left;
}


.inner_panel .bt_icon_dd
{
	margin-right: 4px;
}


.inner_panel_divider1
{
	height: 1px;
	line-height: 0;
	font-size: 0;
	background-color:#C3DBEE;
	clear: both;
}
.inner_panel_divider2
{
	height: 1px;
	line-height: 0;
	font-size: 0;
	background-color:#F8FBFD;
	clear: both;
}
/* Control Panel */

.control_panel {
padding: 4px 10px 4px 10px;
font-size: 12px;
font-weight: bold;
margin: 8px 5px 0 5px;
border: 1px solid #72A4CC;
background-color: #B6E0FE;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
min-height: 20px;
}

/* 
	Progress Panel 
*/

.progress_panel
{
padding: 4px 10px 4px 10px;
font-size: 12px;
font-weight: bold;
margin: 8px 5px 0 5px;
border:1px solid #72A4CC;
background-color:#B6E0FE;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
min-height:40px;
}

.progress_panel ul.progress
{
	float: left;
}

.progress_panel ul.progress li
{
	float: left;
	background: url(Images/bg_ul_progress_li.gif) repeat-x;
	color: #7DA2BB;
}

.progress_panel ul.progress li span
{
	display: block;
	padding-top: 20px;
	padding-right: 60px;
}

.progress_panel ul.progress li.first
{
	padding-left: 1px;
	background: url(Images/bg_ul_progress_li_first.gif) no-repeat;
}

.progress_panel ul.progress li.last
{
	padding-right: 1px;
	background: url(Images/bg_ul_progress_li_last.gif) no-repeat top right;
	height: 18px;
}

.progress_panel ul.progress li.last span
{
	padding-right: 40px;
}

.progress_panel ul.progress li.complete span
{
	background: url(Images/bg_ul_progress_li_complete_span.gif) repeat-x;
}

.progress_panel ul.progress li.current span
{
	background: url(Images/bg_ul_progress_li_current_span.gif) no-repeat;
}

.progress_panel ul.progress li.current,
.progress_panel ul.progress li.complete
{
	color: #175284;
}

.field_wrap {
padding-bottom: 0.5em;
	float: left;
}

.checklistbox label
{
    display:inline !important;
}

.checklistbox input
{
    margin-top: 4px;
    margin-right: 4px;
}

/*
.field_wrap .fields {
}
*/

/*
    General Classes
*/

.clearer
{
	display: block;
    font-size: 0;
    clear: both;
	float: none !important;
    line-height: 0;
    height: 0;
	padding: 0 !important;
}

.separator {
clear:both;
float:none;
height:4px;
}

.ir
{
	/* Phark Image Replacement */
    text-indent: -999em;
    background-repeat: no-repeat;
	display: block;
}

.btnLov
{
    background: transparent url(../Content/kendo/Silver/sprite.png);
    background-position: -32px -240px;
    margin-left:3px;
    margin-top:3px;
    display:inline; 
    border-width:0; 
    height:15px !important; 
    width:15px !important;
    cursor:pointer;
    vertical-align:top;
}

.field_wrap .btnLov
{
    margin-bottom:-3px !important;
}

/*
.btnLov:hover
{
    background-position:left center; 
    cursor:pointer
}
.btnLov[disabled]
{
    background-position:left bottom; 
    cursor:default
}
*/



.btnView
{
    background: url(../Content/Telerik/sprite.png) no-repeat -49px -256px;
    display:inline; 
    border-width:0; 
    height:15px !important; 
    width:16px !important;
}
.btnView:hover
{
    cursor:pointer;
}
.btnView[disabled]
{
    cursor:default;
}

.btnViewLog
{
    background: url(../Content/Telerik/sprite.png) no-repeat -31px -273px;
    display:inline; 
    border-width:0; 
    height:16px !important; 
    width:15px !important;
}
.btnViewLog:hover
{
    cursor:pointer;
}
.btnViewLog[disabled]
{
    cursor:default;
}


.btnIcon 
{
    background: url(Images/starnet-sprite.png) no-repeat;
    display:inline; 
    border-width:0; 
    height:19px;
    width:19px;
    margin: 1px;
}
.btnAdd
{
    background-position: 0px 0px;
}
.btnAdd:hover
{
    background-position: 0px -19px;
    cursor:pointer;
}
.btnAdd[disabled]
{
    background-position: 0px -38px;
    cursor:default;
}

.btnEdit
{
    background-position: -20px 0px;
}

.btnEdit:hover
{
    background-position: -20px -19px;
    cursor:pointer;
}

.btnEdit[disabled]
{
    background-position: -20px -38px;
    cursor:default;
}

.btnDelete
{
    background-position: -40px 0px;
}

.btnDelete:hover
{
    background-position: -40px -19px;
    cursor:pointer;
}

.btnDelete[disabled]
{
    background-position: -40px -38px;
    cursor:default;
}

.btnSave
{
    background-position: -60px 0px;
}

.btnSave:hover
{
    background-position: -60px -19px;
    cursor:pointer;
}

.btnSave[disabled]
{
    background-position: -60px -38px;
    cursor:default;
}

.btnCancel
{
    background-position: 0px -58px;
}

.btnCancel:hover
{
    background-position: 0px -77px;
    cursor:pointer;
}

.btnCancel[disabled]
{
    background-position: -0px -96px;
    cursor:default;
}

.btnCopy
{
   background-position: -20px -58px;
 
}
.btnCopy:hover
{
    background-position: -20px -77px;
    cursor:pointer;
}
.btnCopy[disabled]
{
    background-position: -20px -96px;
    cursor:default;
}

.btnLog
{
   background-position: -40px -58px;
}

.btnLog:hover
{
   background-position: -40px -77px;
    cursor:pointer;
}

.btnLog[disabled]
{
    background-position: -40px -96px;
    cursor:default;
}

.btnUser
{
    background-position: -60px -58px;
}

.btnUser:hover
{
    background-position: -60px -77px;
    cursor:pointer;
}

.btnUser[disabled]
{
    background-position: -60px -96px;
    cursor:default;
}

.btnExec
{
    background-position: -20px -116px;
}

.btnExec:hover
{
    background-position: -20px -135px;
    cursor:pointer;
}

.btnExec[disabled]
{
    background-position: -20px -154px;
    cursor:default;
}

.btnRestore
{
    background-position: -40px -116px;
}

.btnRestore:hover
{
    background-position: -40px -135px;
    cursor:pointer;
}

.btnRestore[disabled]
{
    background-position: -40px -154px;
    cursor:default;
}

.btnContextMenu
{
    background: transparent url(Images/contextMenu.png);
    height:20px !important; 
    width:10px !important;
    cursor:pointer;
    display:inline-block;
    margin-left:-3px;
    margin-bottom:-6px;
}

.label_left_display
{
    display: inline !important;	
}

.required
{
	background: url(Images/required.gif) no-repeat;
	width:13px;
	height:13px;
	padding-right:3px;
	vertical-align:top;
}

.required_on_label
{
  display: inline-block !important;	
}

.required_padding
{
    padding: 0 4px 3px 17px !important;
}


.softDelete ,.softDelete a
{
    color:#F00;
    text-decoration:line-through;
}
/* 
	-- menu Flyout Window -- 
	-- There is only ever one of these on the application page at a time, so an ID is used --
*/

#menu_flyout
{
	width: 350px;
	height: 585px;
	position: absolute;
	z-index: 10;
	top:60px;
}

#menu_flyout_body
{
	background: url(Images/bg_window_flyout_body.gif);
	margin-right:27px;
	height:575px;
	border: 2px solid #4F6173;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#menu_flyout_body h3
{
	font-family: "myriad pro", "myriad", "tahoma", "arial", sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #FFF;
	margin-left: 15px;
	float:none;
}

#menu_content
{
    height:95%;
    display:none;
    background-color:#8DBCDF;
}
#menu_content #menu_treeview
{
    height:91%;
}

#menu_flyout #menu_tab
{
	background: url(Images/bg_bt_flyout.png) no-repeat;
	width: 27px;
	height: 49px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	right: -7px;
	top: 13px;
	cursor:pointer;
	margin-right:7px;
}

#menu_flyout #menu_tab:hover
{
	background-position: 0 -49px;
}

#menu_flyout #menu_tab.collapse
{
	background-position: -27px 0;
}

#menu_flyout #menu_tab.collapse:hover
{
	background-position: -27px -49px;
}

.menu_tab
{
	background: url(Images/bg_bt_flyout.png) no-repeat;
	width: 27px;
	height: 49px;
	display: inline;
	text-indent: -9999px;
	position: relative;	
	cursor:pointer;
	float:left;
}

.menu_tab:hover
{
	background-position: 0 -49px;
}

.menu_tab.collapse
{
	background-position: -27px 0;
}

.menu_tab.collapse:hover
{
	background-position: -27px -49px;
}

#mpstreeContent
{
	background: url(Images/bg_window_flyout_body.gif);
	border: 2px solid #4F6173;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width:390px;
    height:100%;
    float:left;
    overflow:hidden;
    display:none
}

/* Context Menu */
/* =================== */
.context-menu-theme-vista {
	background:#FAFAFA url(Images/cmenu-vista-bg.gif) repeat-y left top;
	border:1px solid #868686;
}
.context-menu-theme-vista .context-menu-item {
	text-align:left;
	cursor:pointer;
	color:black;
	font-family:Tahoma,Arial;
	font-size:11px;
}
.context-menu-theme-vista .context-menu-separator {
	margin:0px 0px 0px 32px;
	font-size:0px;
	border-top:1px solid #C5C5C5;
	border-bottom:1px solid #F5F5F5;
}
.context-menu-theme-vista .context-menu-item-hover {
	background:transparent url(Images/cmenu-vista-menu-item-hover.gif) repeat-x left center;
	border:1px solid #D7D0B3;
}
.context-menu-theme-vista .context-menu-item .context-menu-item-inner {
	padding:4px 16px 4px 35px;
	margin-left:1px;
	background-color:none;
	background-repeat:no-repeat;
	background-position:3px center;
	background-image:none;
}
.context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {
	padding:3px 15px 3px 35px;
	margin-left:0px;
}
.context-menu-theme-vista .context-menu-item-disabled {
	color:#A7A7A7;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
    background-image:url(Images/Error.gif);
    background-repeat:no-repeat;
    background-position:center;
    background-attachment:inherit;
    cursor:pointer;
    width:8px;
    height:19px;
    line-height:1.3em; 
    margin:0 0 0.3em; 
    vertical-align:middle; 
    position:relative; 
    top:0.01em;
   display:inline-block !important;

}
.t-datepicker ~ .field-validation-error
{
    top:0px !important;
}
.field-validation-error span
{
    top:0px! important;
    display:none! important;
}
.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border:#f00 solid 1px !important;
    background-color: #ffeeee !important;
    background-image:none !important;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
    background-color: #fff;
    font-size: 11px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
}

.validation-summary-valid
{
    display: none !important;
}

/* custom multi select lov */
.selected-lov-pane {
    background-color: #E2EEF8;
    border: 1px solid #72a4cc;
    width: 300px;
    height: 200px;
    overflow: auto;
    padding: 2px;
}

.selected-lov-pane div {
    display: block;
    width: 100% !important;
    height: 20px;
}

.selected-lov-pane .lov-item {
    float: left;
    overflow: hidden;
    width: 80%;
    white-space: nowrap;
}

.selected-lov-pane .lov-btn {
    float: right;
    overflow: hidden;
    width: 20%;
}

.selected-lov-pane .lov-btn .btnDelete {
    float: right;
}

/*Post October 2012*/

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 5px 5px;
padding:5px;
font-size:12px;
/*background-repeat: no-repeat;
background-position: 10px center;*/
}
.info {  
color: #00529B;
background-color: #BDE5F8;
/*background-image: url('info.png');*/
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
/*background-image:url('success.png');*/
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
/*background-image: url('warning.png');*/
}
.error {
color: #D8000C;
background-color: #FFBABA;
/*background-image: url('error.png');*/
}

.dataDisplay
{
    font-weight:bold;
    font-size: 13px;
}

.loading-indicator {
	height: 80px;
	width: 80px;
	background: url( '/Content/Silver/loading-image.gif' );
	background-repeat: no-repeat;
	background-position: center center;
}

.loading-indicator-overlay {
	background-color: #FFFFFF;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

.gridAction 
{
    background-image: url('Silver/sprite.png');
    background-position: -118px -116px;
    height:10px;
    width:10px;
    cursor:pointer;
}
.gridSearchTerms
{
 background-color: #FFF; 
 border: 1px solid grey;
 margin: 5px 5px;
 padding:5px;
}


