
/* 4-all */

body {
	margin:0px; padding:0px; background-color:#FFFFFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */

table { empty-cells:show; }
/* MAIN Document */
a:link, a:visited { 
color: black;
}

a:hover {
text-decoration:none;
}


form {
  margin: 0;
  padding: 0;
  
  }
/* header - top frame */

table.top_frame_main {
width:100%;
padding:0px;
margin:0px;
border: 0px;
border-collapse:collapse;
}
table.top_frame_main td.top_main_frame_row1 {
	height: 70px;
	background-image: url(img/top_frame_main_bgnd_tr_1.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
table.top_frame_main td.top_main_frame_row2 {
	height: 27px;
	background-image: url(img/top_frame_main_bgnd_tr_2.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
table.top_frame_td_row1 {
	width: 100%;
	height: 70px;
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
table.top_frame_td_row1 td {
	width: 50%; padding-left:5px;
}
table.top_frame_td_row1_site_selector {
	float:right;
	margin-right:15px;
	border:0px;
	border-collapse:collapse;
	padding:0px;
	font-size:11px;
	color:#666666;
}
table.top_frame_td_row1_site_selector td {
	text-align:right;
}
select.top_frame_td_row1_site_selector {
	font-family:monospace;
	font-size:11px;
	color:#000000;
	border:1px solid #517C9F;
}

table.top_main_frame_row2 {
	border:0px; 
	margin:0px; 
	padding:0px; 
	border-collapse:collapse; 
	color:#FFFFFF; 
	font-size:11px;
}
table.top_main_frame_row2 a:link, table.top_main_frame_row2 a:active, table.top_main_frame_row2 a:visited  {
	color:#FFFFFF; 
	font-size:11px;
	padding-left:3px; padding-right:3px;
	text-decoration:underline;
}
table.top_main_frame_row2 a:hover  {
	color:#FFFFFF; 
	text-decoration:none;
}

table.top_main_frame_row2 td.cell_1 {
	width:230px;
}



/* ----------------------------------------------------------------- MAIN (MOI) -------------------------------------------------------------------- */
/*TAB ON*/
table.table_main_tabs {
	width:100%; border-collapse:collapse; margin:0px; padding:0px;
}

table.table_tabs_active {
	margin-left:1px; border:none; border-collapse:collapse; padding:0px; float:left;
}
table.table_tabs_active td {
	height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:middle;
}
table.table_tabs_active td a:link, table.table_tabs_active td a:hover, table.table_tabs_active td a:visited {
	color:#000000; text-decoration:none; font-weight:bold;
}
table.table_tabs_active td a:hover {
	color:#000000; text-decoration:underline; font-weight:bold;
}
table.table_tabs_active td.left {
	width:5px; background:url(img/main_top_table_tabs_tab_left_active.jpg) no-repeat top; padding:0px; margin:0px;
}
table.table_tabs_active td.main {
	padding-left:7px; padding-right:7px; background:url(img/main_top_table_tabs_tab_main_active.jpg) repeat-x top;
}
table.table_tabs_active td.right {
	width:5px; background: url(img/main_top_table_tabs_tab_right_active.jpg) no-repeat top; padding:0px; margin:0px;
}

/*TAB OFF*/
table.table_tabs {
	margin-left:1px; border:none; border-collapse:collapse; padding:0px; float:left;
}
table.table_tabs td {
	height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:middle;
}
table.table_tabs td a:link, table.table_tabs td a:hover, table.table_tabs td a:visited {
	color:#FFFFFF; text-decoration:underline; font-weight:bold;
}
table.table_tabs td a:hover {
	color:#FFFFFF; text-decoration:none; font-weight:bold;
}
table.table_tabs td.left {
	width:5px; background:url(img/main_top_table_tabs_tab_left.jpg) no-repeat top; padding:0px; margin:0px;
}
table.table_tabs td.main {
	padding-left:7px; padding-right:7px; background:url(img/main_top_table_tabs_tab_main.jpg) repeat-x top;
}
table.table_tabs td.right {
	width:5px; background: url(img/main_top_table_tabs_tab_right.jpg) no-repeat top; padding:0px; margin:0px;
}






/*         ------------------       MAIN CSS    ----------------------    */


.table_menu {
width:100%;
background-color:#D6E0EC;

}

.table_menu_main, .table_menu_main a:link {
color:#507B9D; font-size:12px; font-weight:bold; 
padding:5px;
 padding-left:15px; 
background-color:#D6E0EC;
height:25px;
}





.table_menu_left {
	background-image:url(img/main_table_menu_left.jpg); background-repeat:no-repeat; background-position:top left; width:2px;
}
.table_menu_right {
	background-image:url(img/main_table_menu_right.jpg); background-repeat:no-repeat; background-position:top right; width:2px; 
}

.table_container {
width:100%;
border-left:1px solid #D6E0EC;
border-right:1px solid #D6E0EC;
border-bottom:1px solid #D6E0EC;
    min-height: 600px;
    vertical-align: top;
    
}

.table_container_main {
padding:20px;
margin:20px;
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-size:12px;
    vertical-align: top;
}

.no-min-height {

    min-height: 0px !important;
}
.table_container_left {
width:10px;
}

.table_container_right {
width:10px;
}

.table_main {
width:100%;
font-size:12px;
border-collapse:collapse;

}

.table_main td {
color: black;
padding:2px;
}

.table_main_head_row_light td {
font-weight:bold;
color:#000066;
background-color:#FFFFFF;
padding:5px;
}

.table_main_head_row_dark td {
font-weight:bold;
color:#000066;
background-color:#EEEEEE;
padding:5px;
}

.table_main_head_row td {
/*font-weight:bold;color:#000066;background-color:#CCCCCC;padding:5px;*/
background-image:url(img/main_table_main_middle.jpg); background-repeat:repeat-x; background-position:center;
background-color:#739AC1;
vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif;  color:#FFFFFF; 
 padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom: 3px;
}

.table_main_head_row td a:link, .table_main_head_row td a:visited, .table_main_head_row td a:active {
color:#FFFFFF; text-decoration:underline;
}
.table_main_head_row td a:hover {
color:#FFFFFF; text-decoration:none;
}

.table_main_delimiter_row td {
/*background-color:#DEEFF7;border-bottom: 2px solid #188ACE;font-size:12px;font-weight:bold;*/
background-image:url(img/main_table_main_middle.jpg); background-repeat:repeat-x; background-position:center;
background-color:#739AC1;
vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif;  color:#FFFFFF; 
padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom: 3px;
height:22px;
}

.table_main_delimiter_row td a:link {
color:white;
}



.table_main_col_left {
width:180px; 
vertical-align:top; text-align:right;
padding-right:10px;
background-color:#EBEBEB;
border-right:1px solid #D2E2EF; 
border-bottom:1px solid #D2E2EF;
font-weight:bold;

}

.table_main_col_left_thin {
	width:100px; 
	vertical-align:top; text-align:right;
	padding-right:10px;
	background-color:#EBEBEB;
	border-right:1px solid #D2E2EF; 
	border-bottom:1px solid #D2E2EF;
}

.table_main_col_left_bold {
width:180px;
 font-weight:bold; 
background-color:#EBEBEB;
  vertical-align:top;
   text-align:right;
   padding-right:10px; 
   height:22px;
border-right:1px solid #D2E2EF; 
border-bottom:1px solid #D2E2EF; 
}


.table_main_col_right {

vertical-align:top; text-align:left;
padding-left:10px;
border-collapse:separate;
border-bottom:1px solid #D2E2EF; 
}




.table_main_col_right_bold {

vertical-align:top; text-align:left;
padding-left:10px;
 font-weight:bold;
border-bottom:1px solid #D2E2EF; 
}


.table_main textarea {

}

.table_footer {
width:100%; border-left:1px solid #D6E0EC; border-right:1px solid #D6E0EC; border-bottom:1px solid #D6E0EC;
}

.table_main_row td  {
border-bottom:1px solid #D2E2EF;  vertical-align:middle; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom: 2px;
}



.table_main_row_light td {
border-bottom:1px solid #CCCCCC; padding-left:5px; padding-right:5px;padding-top:2px; padding-bottom: 2px;
}

.table_main_row_dark td {
border-bottom:1px solid #CCCCCC;
background-color:#EBEBEB;
padding-left:5px; padding-right:5px;padding-top:2px; padding-bottom: 2px;
}

.table_footer_td_left {
width: 10px;
}

.table_footer_td_right {
width: 10px;
}

.table_footer_td_main {
}

.table_header {
	width:100%; height:1px; border-collapse:collapse; padding:0px; margin:0px;
	display:none;
/*background-color:#1886CE;
border-left:2px solid #1886CE;
border-top:2px solid #1886CE;
border-right:2px solid #1886CE;*/
} 
.table_header_td_left {
	width: 10px; height:1px; border-collapse:collapse; padding:0px; margin:0px;
} 
.table_header_td_right {
	width: 10px; height:1px; border-collapse:collapse; padding:0px; margin:0px;
}

.footer_text {
font-size:10px;
text-align:center;
}

.table_tabs_container {
border-collapse:collapse;
font-size:12px;
margin-left:10px;
}

.table_tabs {
border-collapse:collapse;
margin-left:10px;
font-weight:bold;
}

.table_tabs td {
	height:25px;
}

.table_tabs_underline {
width:100%;
/*background-color:#1886CE;*/
border-collapse:collapse;
visibility:hidden;
display:none;
}

.table_tabs_underline td {
height:1px; padding:0px; margin:0px; border-collapse:collapse;
/*background-color:#1886CE;*/
visibility:hidden;
}

.table_tabs_tab_main {
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	vertical-align:middle;
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
}

.table_tabs_tab_main a:link, .table_tabs_tab_main a:active, .table_tabs_tab_main a:visited {
color:#1886CE;
}

.table_tabs_tab_left {
	width:5px;
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

.table_tabs_tab_right {
	background-color:#FFFFFF;
	width:5px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.table_tabs_tab_main_active {
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	vertical-align:middle;
	background-image:url(img/main_top_table_tabs_tab_main_active.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.table_tabs_tab_main_active a:link, .table_tabs_tab_main_active a:active, .table_tabs_tab_main_active a:visited {
color:#ffffff; text-decoration:none;
}
.table_tabs_tab_main_active a:hover {
color:#ffffff; text-decoration:underline;
}


.table_tabs_tab_left_active {
	width:5px;
	background-color:#1886CE;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

.table_tabs_tab_right_active {
	width:5px;
	background-color:#1886CE;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.table_frame_right{
width:250px;
vertical-align:top;
}

.table_frame_left{
vertical-align:top;
}

.table_sub {
	width:100%; margin-left: 5px; border-bottom:1px solid #C7CAB7;
}

.table_sub_header {
/*background-color:#FF9933; border-bottom:1px solid black; font-weight:bold; padding:5px;*/
background-image:url(img/main_table_main_middle.jpg);
background-repeat:repeat-x; 
background-position:center;
background-color:#739AC1;
vertical-align:middle;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF !important; 
font-weight:bold; 
padding-left:5px !important; padding-right:5px !important; padding-top:3px !important; padding-bottom: 3px !important;




}

.table_sub_header a:link, table_sub_header a:active, table_sub_header a:visited, table_sub_header a:hover {
	color:#FFFFFF; 
}

.table_sub_main {
background-color:#F3F3F3; padding:5px !important;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
margin:3px;
}

.footer_text {
margin:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.text_enabled, .text_enabled a:link, .text_enabled a:active, .text_enabled a:visited, .text_enabled a:hover {
color:green;
}

.text_disabled, .text_disabled a:link, .text_disabled a:active, .text_disabled a:visited, .text_disabled a:hover {
color:red;
}


.header_table_1 {
width:100%;
}

.header_table_1_td_4 {
text-align:right;
}

.header_table_2 {
width:100%;
}

.header_table_2_td_4 {
text-align:right;
}





/*
.table_main input {
	border:1px solid #5882A5;
}
*/
.table_main td input[type=submit] {
/*font-weight:bold; border:1px solid #5882A5; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; background-image: url(img/main_input_type-submit.jpg); background-repeat:repeat-x; height:17px; vertical-align:middle;
*/
}






.table_main td input[type="checkbox"] {
width:20px;
}

.table_main td input[type=radio] {
width:20px;
}

.table_main td textarea {
/*width:400px; border:1px solid #5882A5; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#000000;*/
}


.footer_text {
font-size:10px; text-align:center;
}

.table_tabs_tab_main {
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
}

.table_tabs_tab_main a:link, .table_tabs_tab_main a:active, .table_tabs_tab_main a:visited {
color:#1886CE;
}

.table_tabs_tab_right {
	background-color:#FFFFFF;
	width:5px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.table_tabs_tab_left_active {
	width:5px;
	background-color:#1886CE;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

.table_tabs_tab_right_active {
	width:5px;
	background-color:#1886CE;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.table_frame_left{
vertical-align:top;
}

.footer_text {
margin:5px;
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-size:10px;
}

.text_enabled {
color:green;
}

.text_disabled {
color:red;
}


.table_main_100 {
width:100%;
}

.inputbox  {
width:90%;
}

.textarea  {
width:90%;
height:150px;
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* LEFT FRAME */
div.slideMenuBG{position:absolute; left:0; top:0; z-index:1}
div.slideMenuText{position:absolute; left:2px; top:2px; text-align:left; z-index:200}
#slideMenucont{position:absolute; height:300px; width:120px; visibility:hidden;}

div.clSlideMenu0 { /* All slideMenu2 DIV elements */
	position:absolute;
	overflow:hidden;
	padding-left:10px;
	background-image:url(img/frame_left_bgnd_a-hover.jpg);
	background-repeat:repeat-x;
}
div.clSlideMenu0:hover { /* All slideMenu2 DIV elements */
	background-color:#749CC2;
}
div.clSlideMenu1 { /* All slideMenu2 DIV elements */
	position:absolute;
	font-size:10px;
	overflow:hidden;
	background-color:#F1F1F3;
}
div.clSlideMenu1:hover { /* All slideMenu2 DIV elements */
	background-color:#D6E0EC;
}

	
div.clSlideMenu2{ /* All slideMenu2 DIV elements */
	position:absolute;
	font-size:10px;
	overflow:hidden;
	background-color:#DEF0FF;
}
div.clSlideMenu2:hover { /* All slideMenu2 DIV elements */
	background-color:#D2E2EF;
}

div.clSlideMenu3{ /* All slideMenu2 DIV elements */
	position:absolute;
	font-size:10px;
	overflow:hidden;
	height:22px;
}
div.clSlideMenu4{ /* All slideMenu2 DIV elements */
	position:absolute;
	font-size:10px;
	overflow:hidden;
	height:22px;
}


a.clA0 { /* All top level links */
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	padding-left:5px;
	
}
a.clA0:hover { /* All top level links */
	color:#FFFFFF;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
	background-color:#749CC2;
}

a.clA1 { /* All sub level links */
	color:#666666;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	margin-left:15px;
}
a.clA1:hover {
	text-decoration:underline;
	color:#666666;
}

 a.clA1:visited  {
	color:#666666;
}

a.clA2 { /* All sub level links */
	color:black;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	margin-left:20px;
}
a.clA2:hover {
	text-decoration:underline;
}

a.clA3 { /* All sub3 level links */
	color:#003300;
	text-decoration:underline;
}
a.clA3:hover {
	text-decoration:underline;
}

a.clA4 { /* All sub4 level links */
	color:green;
	text-decoration:none;
}
a.clA4:hover {
	text-decoration:underline;
}

span.clArrow{
}

.TTable {

    width: 100%;

}
.TTableLeftTd {

    width: 150px;
}

.specImage {
    width:75px;
    height:75px;
}

.verticalAlignTop{

	vertical-align: top;
}

.tableText{

	font-size: 12px;
}
.specColor {

	border: 1px solid black;
	border-radius: 5px;
	text-align: center;
	margin: 5px;
	padding: 3px;
}

.orderStatusRow5, .orderStatusRow10, .orderStatusRow11, .orderStatusRow14 {background-color: #FFF4A5;}

.orderStatusRow1, .orderStatusRow12, .orderStatusRow17  {background-color: lightcyan}

.orderStatusRow8, .orderStatusRow13  {background-color: lightgreen;}

.orderStatusRow4  {background-color: #0093D1;}

.orderStatusRow7  {background-color: lightcoral;}

.spacer { margin-top: 30px;}
.spacer2x { margin-top: 60px;}
.spacer3x { margin-top: 90px;}

.widthMedium {

    width:300px !important;
}

.btn-spacing {
    margin-top:20px;
    margin-bottom:30px !important;
}
.content-tag {
      margin: 5px;
    padding: 5px;
    border: 1px solid gray;
    border-radius: 5px;

    float: left;
}

.color-box-small {
    border: 1px solid black;
    width: 40px;
    height: 30px;
    float: left;
}

.input-sm {

    max-width: 450px;
}

#order-view-send-emails-wrapper {

    max-height: 300px;
    overflow: scroll;
}

#order-view-documentdata-wrapper {
     max-height: 100px;
    overflow: scroll;
    
}

.form-default {

    width: 600px;
}

.content-textbox-color-example {

    width: 100px;
    height: 30px;
    border: 1px solid darkgray;
    border-radius: 4px;
}

.segment-label {
    margin-right: 15px;
    font-weight: normal;
}

.TTable td {
     font-size: 12px;
}
