body
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
    border:                     0px none;
    font-family:                Trebuchet MS, arial, verdana;
    font-size:                  100%;
    font-style:                 inherit;
    font-weight:                inherit;
    margin:                     0px;
    padding:                    0px;
    vertical-align:             baseline;
}

body, form, table
{
    font-family:                Trebuchet MS, arial, verdana;
    margin:                     0px;
    padding:                    0px;
}

.asterisksClass
{
color:						<?=$Color17?>;
font-size:                  15px;
font-weight:                bold;
font-family:                Trebuchet MS, arial, verdana;
}

img.contactManager
{
height: 20px;
width:25px;
padding-left:0px;
opacity:1.0;
/*filter:alpha(opacity=40); For IE8 and earlier */
cursor:pointer;
}

/*
img.contactManager:hover
{
height: 20px;
width:25px;
padding-left:0px;
position:relative; left:15px;top:-2px;
opacity:1.0;
filter:alpha(opacity=100); For IE8 and earlier 
}*/

$main-color: '#FF0000';
:root {
  data-label-color: #FF0000;
}

.errorBlock, .successBlock
{
    padding:                    5px;
}

img
{
    border:                     0px;
}

.text1
{
    color:                      <?=$Color01?>;
    font-size:                  12px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text1a
{
    color:                      <?= $Color01?>;
    font-size:                  12px;
	font-family:                Trebuchet MS, arial, verdana;
	
}


.text2                          
{
    color:                      <?=$clabel?>; /* font change*/
    font-size:                  14px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text3                          
{
    color:                      #FFFFFF;
    font-size:                  13px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text4                          
{
    color:                      <?=$clabel?>;
    font-size:                  12px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}


.text4x                         
{
    color:                      <?=$clabel?>;
    font-size:                  12px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text4a                          
{
    color:                      <?=$cfont?>; /* font change*/
    font-size:                  12px; 
	font-family:                Trebuchet MS, arial, verdana;
	font-weight:                bold;
	
}

.text5                          
{
    color:                      #fff;
    font-size:                  15px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}


/* ilir, 19/g04/2013, stage, added class text5a */
.text5a                          
{
    color:                      <?=$Color02 ?>;
    font-size:                  15px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}


.text6                          
{
    color:                      <?=$cfont?>; /* font change*/
    font-size:                  11px;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text6x                          
{
    color:                      <?=$clabel?>; /* font change*/
    font-size:                  11px;
	font-family:                Trebuchet MS, arial, verdana;
	font-weight:                bold;
	
}

.text7                          
{
    color:                      <?=$clabel?>; /* font change*/
    font-size:                  12px;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text8                          
{	
    color:                      #fff;
    font-size:                  13px;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text9                          
{
    color:                      <?=$clabel?>; /* font change*/
    font-size:                  13px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text10                          
{
    color:                      red;
    font-size:                  13px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}
.textshipspring
{
    color:                      red;
    font-size:                  15px;
    font-weight:                bold;
    font-family:                Trebuchet MS, arial, verdana;
    padding-left:               275px;

}

.text11                          
{
    color:                      red;
    font-size:                  12px;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text12                          
{
    color:                      green;
    font-size:                  13px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text13                          
{
    color:                      green;
    font-size:                  12px;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text14
{
    font-size:                  15px;
    color:                      <?=$cfont?>; /* font change*/
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text15                          
{
    color:                      #000;
    font-size:                  12px;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text16 
{
    color:                      <?=$cfont_label?>;
    font-size:                  13px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text17 
{
    color:                      <?=$cborder?>;
    font-size:                  11px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text18 
{
    color:                      #fff;
    font-size:                  11px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}

.text19                          
{
    color:                      #000;
    font-size:                  13px;
	font-family:               Trebuchet MS, arial, verdana;
	
}

/* Link Properties */
a.trackLink:link 
{
    color:                      #262626; /* font change*/
    text-decoration:            underline;
    font-weight:                bold;
}

a.trackLink:visited 
{
    color:                      #636363; /* font change*/
    text-decoration:            underline;
    font-weight:                bold;
}

a.trackLink:hover 
{
    color:                      #787878; /* font change*/
    text-decoration:            underline;
    font-weight:                bold;
}

a.trackLink:active 
{
    color:                     	#2e2e2e; /* font change*/
    text-decoration:            underline;
    font-weight:                bold;
}

a.link1:link 
{
    color:                      <?=$clabel?>; /* font change*/
    text-decoration:            none;
    font-weight:                bold;
}

a.link1:visited 
{
    color:                      <?=$clabel?>;
    text-decoration:            none;
    font-weight:                bold;
}

a.link1:hover 
{
    color:                      <?=$Color03?>; /* font change*/
    text-decoration:            none;
    font-weight:                bold;
}

a.link1:active 
{
    color:                     <?=$cbackground?>; /* font change*/
    text-decoration:            none;
    font-weight:                bold;
}

a.link2:link 
{
    color:                     <?=$Color01?>; /*MOIN*/
    text-decoration:            none;
    font-weight:                bold;
}

a.link2:visited 
{
    color:                      <?=$Color01?>; /*<?=$clabel?>; MOIN*/
    text-decoration:            none;
    font-weight:                bold;
}

a.link2:hover 
{
    color:                      <?=$cbackground?>;
    text-decoration:            none;
    font-weight:                bold;
}

a.link2:active 
{
    color:                      <?=$cbackground?>; /*MOIN*/
    text-decoration:            none;
    font-weight:                bold;
}

a.link3:link 
{
    color:                     <?=$cfont?>; /* font change*/
    text-decoration:            underline;
    font-weight:                bold;
}

a.link3:visited 
{
    color:                      <?=$cfont?>; /* font change*/
    text-decoration:            underline;
    font-weight:                bold;
}

a.link3:hover 
{
    color:                      <?=$cfont?>; /* font change*/
    text-decoration:            none;
    font-weight:                bold;
}

a.link3:active 
{
    color:                      <?=$cfont?>; /* font change*/
    text-decoration:            underline;
    font-weight:                bold;
}

a.link4:link 
{
    color:                      <?=$cfont?>; /* font change*/
    text-decoration:            none;
    font-weight:                bold;
}

a.link4:visited 
{
    color:                      <?=$cfont?>; /* font change*/
    text-decoration:            none;
    font-weight:                bold;
}

a.link4:hover 
{
    color:                      <?=$cfont?>; /* font change*/
    text-decoration:            none;
    font-weight:                bold;
}

a.link4:active 
{
    color:                      <?=$cfont?>; /* font change*/
    text-decoration:            none;
    font-weight:                bold;
}

a.link5:link 
{
    color:                     <?=$clabel?>;
    text-decoration:            none;
    font-weight:                900;
	font-size: 					15px;
	font-family:                Trebuchet MS, arial, verdana;
	position:relative;
top:0px;
left:   0px; 
}


a.link5:visited 
{
    color:                      <?=$clabel?>;
    text-decoration:            none;
    font-weight:                900;
	font-size: 					15px;
	font-family:                Trebuchet MS, arial, verdana;
	position:relative;
top:0px;
left:   0px; 
}

a.link5:hover 
{
    color:                      #D3CCFF;
    text-decoration:            none;
    font-weight:                900;
	font-size: 					15px;
	font-family:               Trebuchet MS, arial, verdana;
	position:relative;
top:0px;
left:   0px; 
}

a.link5:active 
{
    color:                      <?=$clabel?>;
    text-decoration:            none;
    font-weight:                900;
	font-size: 					15px;
	font-family:                Trebuchet MS, arial, verdana;
	position:relative;
top:0px;
left:   0px; 
}

.topHeader
{
    height:                     30px;
    background-color:           <?=$clabel?>;/*Edited 525858*/  
}
.NewtopHeader
{
    height:                     75px;
    background-color:           #FFFFFF;/*Edited 525858*/  
}
.loginHeader
{
    height:                     30px;
}

.footer
{
    height:                     50px;
    background-image:           url(../images/footerRepeat.jpg);
    background-repeat:          repeat;
    margin-top:                 5px;
	text-align:center;
}

.footerText
{
    padding-top:                7px;
}

.tableFull
{
    width:                      100%;
}

.tableFull th
{
    color:                      <?=$Color01?>; /*MOIN*/
    background-color:           <?=$clabel?>; /*Edited 525858*/  
    padding:                    7px;
    text-align:                 left;
}
.tableFullext
{
    color:                      <?=$Color01?>; /*MOIN*/
    background-color:           <?=$clabel?>; /*Edited 525858*/  
    padding:                    7px;
    text-align:                 left;
}
.tableFull td
{
    padding:                    2px;
}

.tableFull tr
{
	width:                      100%;
    font-size:                  12px;
    color:                      <?=$cfont?>; /* font change*/
}
td.srTd
{
width: 16%;
}
.tableFull tr.hover
{
    background-color:           rgb(104,125,188);
	color:white;
}

.tableFull tr.even
{
    background-color:           <?=$Color26?>; /*alternating color*/ /*MOIN JUNE212012*/
}

.tableFull tr.odd
{
    background-color:           #fff;
}

.tableRowColor tr
{
    height: 24px;
	line-height:160%;
	padding:0px;
}
.tableRowColor tr.hover
{
    background-color:           #D3CCFF; /* MOIN JUNE212012 */
}

.tableRowColor tr.even
{
    background-color:           #EDEDFC; /*alternating color*/ /*MOIN JUNE212012*/
}

.tableRowColor tr.odd
{
    background-color:           #fff;
}

.tableHeader1
{
    border:                     1px solid #bbbbbb;
    height:                     25px;
    background-image:           url(../images/tableHeaderRepeat.jpg);
    background-repeat:          repeat; 
}

.tableHeader1Text
{
    padding-left:               10px;
    padding-top:                 4px;
}

.navBarC
{
    float:                      left;
    width:                      211px;
	height: auto;
    border-left:                1px solid #bbbbbb;
    border-right:               1px solid #bbbbbb;
	border-bottom:                1px solid #bbbbbb;
	border-bottom-right-radius:    10px;
	border-bottom-left-radius:  10px;
}

.navBarRow
{
    width:                      210px;
    border-top:                 1px solid #bbbbbb;
    /*border-bottom:              1px solid #bbbbbb;*/
    height:                     auto;
    margin-bottom:              1px;
    cursor:                     pointer;
    background:                 transparent url(../images/navRowBg.png) repeat;
    background-position:        0 50%;
}


.navBarRowHover
{
    width:                      210px;
    border-top:                 1px solid #bbbbbb;
    border-bottom:              1px solid #bbbbbb;
    height:                     auto;
    margin-bottom:              1px;
    cursor:                     pointer;
    display:                    block; 
    background:                 transparent url(../images/navRowBgSelected.png) repeat;
    background-position:        0 50%;
}

.navBarRowH
{
    width:                      120px;
    border-top:                 1px solid #bbbbbb;
    /*border-bottom:              1px solid #bbbbbb;*/
    height:                     auto;
    margin-bottom:              1px;
    cursor:                     pointer;
    background:                 transparent url(../images/navRowBg.png) repeat;
    background-position:        0 50%;
}


.navBarRowHoverH
{
    width:                      120px;
    border-top:                 1px solid #bbbbbb;
    border-bottom:              1px solid #bbbbbb;
    height:                     auto;
    margin-bottom:              1px;
    cursor:                     pointer;
    display:                    block; 
    background:                 transparent url(../images/navRowBgSelected.png) repeat;
    background-position:        0 50%;
}

/*
.navBarB
{
    width:                      210px;
    border-top:                 1px solid #bbbbbb;
    border-bottom:              1px solid #bbbbbb;
    height:                     28px;
    margin-bottom:              1px;
    cursor:                     pointer;
    background:                 transparent url(../images/navRowBg.png) repeat;
}

.navBarBHover
{
    width:                      210px;
    border-top:                 1px solid #bbbbbb;
    border-bottom:              1px solid #bbbbbb;
    height:                     28px;
    margin-bottom:              1px;
    cursor:                     pointer;
    display:                    block; 
    background:                 transparent url(../images/navRowBgSelected.png) repeat; 
}*/

.navBarRowText
{
    float:                      left;
    padding-left:               10px;
    padding-top:                6px;
   /* width:                      177px; */
}
.navBarRowTextH
{
    float:                      left;
    padding-left:               10px;
    padding-top:                6px;
   /* width:                      177px; */
}
.navSelected
{
    background:                 transparent url(../images/navRowBgSelected.png) repeat;
    background-position:        0 50%;
}

.navRowSubMenu, .navRowSubMenu2, .navRowSubMenu3
{
    position:                   absolute;
    display:                    none;
    margin-left:                27px;
    padding:                    3px;
    border:                     1px solid #BBBBBB;
    background-color:           #fff;
    margin-top:                 -1px;
    /*box-shadow: 2px 2px 1px  <?=$colorborder2?>;*/
    cursor:pointer;
}

.navRowSubMenu4
{
    position:                   absolute;
    display:                    none;
    margin-left:                38px;
    padding:                    3px;
    border:                     1px solid #BBBBBB;
    background-color:           #fff;
    margin-top:                 -1px;
    /*box-shadow: 2px 2px 1px  <?=$colorborder2?>;*/
    cursor:pointer;
    z-index:999; 
}

.navRowSubsubMenu
{
    position:                   absolute;
    display:                    block;
    margin-left:                282px;
    padding:                    3px;
    border:                     1px solid #BBBBBB;
    background-color:           #fff;
    margin-top:                 -1px;
}

.navArrow
{
    float:                      right;
    padding-bottom:             5px;
    padding-top:                7px;
    padding-right:              2px;
    padding-left:               5px;
    width:                      16px;
    height:                     16px;   
}

ul.subMenu li
{
    padding:                    4px;
    list-style-type:            none;
	
}

ul.subMenu li:visited
{
    padding:                    4px;
    list-style-type:            none;
	background-color:			#ffff00;
	
}

.dropDownC, dropDownC2
{
    position:                   absolute;
    display:                    none;
    padding:                    2px;
    border:                     1px solid #BBBBBB;
    background-color:           #fff;
    overflow:                   scroll;
    height:                     200px;
    cursor:                     pointer;
    margin-top:                 20px;
    z-index:                    2;
}

ul.dropDown li
{
    font-size:                  11px;
    padding:                    2px;
    list-style-type:            none;
    line-height:                14px;
    padding-right:              20px;
}

ul.dropDown li.selected
{
    background-color:           #EBEBEB; /*Grey*/
}

ul.dropDown li.notSelected
{

}

.grey_background
{
     background-color:           #EBEBEB;     /*Grey*/
}

.section1
{
    padding:                    5px;
    border:                     1px solid #bbbbbb;
}

.section1WhiteBorder
{
    padding:                    5px;
    border:                     1px solid #bbbbbb;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.breadcrumb
{
    padding:                    3px;    
}

.section1HeaderC 
{
    float:                      left;
    width:                      800px;
    height:                     20px;
    background-color:           <?=$clabel?>; /*Edited 525858*/  
}



.section1HeaderText 
{
    float:                      left;
    padding-left:               5px;
}

.section2HeaderC 
{
    float:                      left;
    width:                      395px;
    height:                     20px;
    background-color:           <?=$clabel?>; /*Edited 525858*/  
}

.section2HeaderText 
{
    float:                      left;
    padding-left:               5px;
}


.LabelColor
{ background-color:           <?=$clabel?>;} /*Edited 525858*/  

.tab1
{
    height:                     27px;
    /*background-image:         url(../images/roundedHeader1Repeat.jpg);*/
	background-color: 			<?=$clabel?>;
    /*background-repeat:        repeat;*/
	

	border-top-right-radius: 10px; /*added*/
	border-top-left-radius: 10px; /*added*/
}

.tabLeft1
{
    float:                      left;
    width:                      4px;
    height:                     27px;
    background-image:           url(../images/roundedHeader1Left.jpg); 
}

.tabRight1
{
    float:                      right;
    width:                      4px;
    height:                     27px;
    background-image:           url(../images/roundedHeader1Right.jpg);     
}

.tab1Image
{
    float:                      left; 
    padding-left:               2px; 
    padding-top:                2px; 
}

.tab1Text1
{
    float:                      left;
    padding-top:                4px;
    padding-left:               10px;
    height:100%;
}

.tab1Text2
{
    float:                      left;
    padding-top:                3px;
    padding-left:               10px;
    height:100%;
}
.tabForName
{
padding-left:               3px;
}        
        
.mainContent
{
    margin-top:                 5px;
	margin-right:               5px;
}
                
.leftContent
{
    float:                      left;
    width:                      213px;
    padding-left:               5px;
    padding-right:              5px;
	padding-top:				20px;
}

.rightContent
{
    padding-right:              5px;
    margin-left:                222px;
    width:                      auto;
}                                      

.rightContentmod
{
    padding-right:              5px;
    margin-left:                222px;
    width:                      813px; /*Putting postionining here meses up the index action - - the dropdown menus goes behinf the rightcontent*/
} 

.leftTopHeader
{
    height:70px;
	width:70px;
	float:                      left;
    /*padding-top:                4px;*/
    padding-left:               5px;
}

.text_right_top_input                         
{
    color:                      <?=$clabel?>;
    font-size:                  15px;
	font-weight:				900;
	font-family:                Trebuchet MS, arial, verdana;
	font-style:   				 normal;
}


.rightTopHeader
{
    height:70px;
	width:70px;
	float:                      right;
    padding-right:              5px;
    padding-top:                4px;
	position:relative;
	left: 0px;
}
.rightTopHeaderPos
{
	position:relative;
	left: 0px;
	top:0px;
}

/*
.rightTopHeader
{
    float:                      right;
    padding-right:              5px;
    padding-top:                4px;
}
*/
.logout
{
    float:                      right;
    padding-right:              10px;
    padding-top:                0px;
    	position:relative;
	left: 0px;
	top:0px;
}

.logoutImg
{
    float:                      left;
    width:                      16px;
    height:                     16px;
    padding-right:              3px;
    padding-top:                2px;
}

.logoutImgPos
{
position:relative;
left:0px;
top:3px;
}

.buttonRow1
{
    height:                     44px;
}

/*Sumit Sikder 07/07/2012*/
.imgPngSr
{
width:20px;
height:20px;
padding-left: 5px;
padding-right: 5px;
}

.imgPngWide
{
width:25px;
height:25px;
padding-left: 5px;
padding-right: 5px;
}

.retrieveSrErrors
{
    font-size:                  12px; 
    color:                      red;
    padding-left:240px;
    padding-top:5px;
    position:relative;
    top: 0px;
    left:0px;
}
img.retrieveSR
{
height: 22px;
width:25px;
position:relative; left:100px;top:0px;
opacity:1.0;
cursor:pointer;
}

.moveitUp
{
	/*position:relative;
	top:-1px;
	left:0px;*/
}
.inputField
{
	position:relative;
	top:-5px;
	left:100px;
	border-bottom:				1px solid <?=$clabel?>;
	border-top:				    1px solid <?=$clabel?>;
	border-right:				1px solid <?=$clabel?>;
	border-left:				1px solid <?=$clabel?>;
	border-bottom-right-radius: 5px;
	border-top-right-radius:    5px;
	border-bottom-left-radius:  5px;
	border-top-left-radius:     5px;
	

    -webkit-box-shadow: 
      inset 0 0 2px  rgba(192,192,192,0.8),
            0 0 16px rgba(0,0,0,0.8); 
    -moz-box-shadow: 
      inset 0 0 2px  rgba(192,192,192,0.8),
            0 0 16px rgba(0,0,0,0.8); 
    box-shadow: 
      inset 0 0 2px  rgba(192,192,192,0.8),
            0 0 16px rgba(0,0,0,0.8); 
    padding: 5px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
	
	
}

.button3
{
    float:                      none;
    height:                     22px;
	background-color:			<?=$clabel?>;
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #FFFFFF;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold;
    line-height:                22px;
	
	border-bottom:				1px solid <?=$clabel?>;
	border-top:				    1px solid <?=$clabel?>;
	border-right:				1px solid <?=$clabel?>;
	border-left:				1px solid <?=$clabel?>;
	border-bottom-right-radius: 5px;
	border-top-right-radius:    5px;
	border-bottom-left-radius:  5px;
	border-top-left-radius:     5px;
	position: relative;
	top:-5px;
	left:100px;
}


.button3Hover
{
    float:                      none;
    height:                     22px;

    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #AAAAAA;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold; 
    line-height:                22px;
		position: relative;
	top:-5px;
	left:100px;
}

.button1
{
    float:                      left;
    height:                     22px;
    /*background-image:           url(../images/button1Repeat.jpg);
    background-repeat:          repeat;*/
	background-color:			<?=$clabel?>;
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #FFFFFF;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold;
    line-height:                22px;
	
	border-bottom:				1px solid <?=$clabel?>;
	border-top:				    1px solid <?=$clabel?>;
	border-right:				1px solid <?=$clabel?>;
	border-left:				1px solid <?=$clabel?>;
	border-bottom-right-radius: 5px;
	border-top-right-radius:    5px;
	border-bottom-left-radius:  5px;
	border-top-left-radius:     5px;
}
.button11
{
    text-align:                 center;
    height:                     22px;
    /*background-image:           url(../images/button1Repeat.jpg);
    background-repeat:          repeat;*/
	background-color:			<?=$clabel?>;
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #FFFFFF;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold;
    line-height:                22px;
	
	border:				1px solid <?=$clabel?>;
	border-radius: 5px;
	width:98%;
}
.button11Hover
{
    text-align:                 center;
    height:                     22px;
    /*background-image:           url(../images/button1Repeat.jpg);
    background-repeat:          repeat;*/
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #AAAAAA;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold; 
    line-height:                22px;
	width:98%;
}

.buttoninv
{
 /*visibility:                 hidden;*/
 display: none;
}
.button12
{
}
.button12:Hover
{
}

.buttoninv
{
 /*visibility:                 hidden;*/
 display: none;
}

.button1Hover
{
    float:                      left;
    height:                     22px;
    /*background-image:           url(../images/button1Repeat.jpg);
    background-repeat:          repeat;*/
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #AAAAAA;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold; 
    line-height:                22px;
}

.button2
{
    float:                      right;
    height:                     22px;
    /*background-image:           url(../images/button1Repeat.jpg);
    background-repeat:          repeat;*/

    margin-left:                0px;

	background-color:			<?=$clabel?>;
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #FFFFFF;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold;
    line-height:                22px;
	
	
	border-bottom:				1px solid <?=$Color02?>;
	border-top:				    1px solid <?=$Color02?>;
	border-right:				1px solid <?=$Color02?>;
	border-left:				1px solid <?=$Color02?>;
	border-bottom-right-radius: 5px;
	border-top-right-radius:    5px;
	border-bottom-left-radius:  5px;
	border-top-left-radius:     5px;
}

.button2Hover
{
    float:                      right;
    height:                     22px;
    /*background-image:           url(../images/button1Repeat.jpg);
    background-repeat:          repeat;*/
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #AAAAAA;
    font-size:                  10px;
    font-weight:                bold;
    line-height:                22px; 
}
.dabbutton2
{
    float:                      right;
    height:                     22px;
    /*background-image:           url(../images/button1Repeat.jpg);
    background-repeat:          repeat;*/

    margin-left:                0px;

    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #FFFFFF;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold;
    line-height:                22px;
	
	
	border-bottom:				1px solid <?=$Color02?>;
	border-top:				    1px solid <?=$Color02?>;
	border-right:				1px solid <?=$Color02?>;
	border-left:				1px solid <?=$Color02?>;
	border-bottom-right-radius: 20px;
	border-top-right-radius:    20px;
	border-bottom-left-radius:  20px;
	border-top-left-radius:     20px;
}

.dabbutton2Hover
{
    float:                      right;
    height:                     22px;
    /*background-image:           url(../images/button1Repeat.jpg);
    background-repeat:          repeat;*/
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #AAAAAA;
    font-size:                  10px;
    font-weight:                bold;
    line-height:                22px; 
}

.button1Left
{
    float:                      left;
    width:                      0px;
    height:                     22px;
    /*background-image:           url(../images/leftButton1.jpg);*/ 
}

.button1Right
{
    float:                      left;
    width:                      0px;
    height:                     22px;
   /* background-image:           url(../images/rightButton1.jpg); */    
}

.button1Text1
{
    float:                      left;
    padding-left:               5px;
    padding-right:              5px;
}
                      
fieldset
{
    border:                     1px solid #FFFFFF;/*if border property of fieldset is not defined*/
    padding:                    0px;
    margin:                     0px;
}

legend
{
    margin-left:                3px;
    padding-left:               2px;
    padding-right:              2px;
}

.fieldsetContent
{
    clear:                      both;
	Width: 						840px;
}

.panel1
{
    width:                      auto;
    height:                     22px;
    background-color:           <?=$cbackground?>;
    padding:                    5px;    
}

.panel1Label
{
    float:                      left; 
    padding-right:              10px; 
    width:                      100px; 
    font-size:                  12px; 
}
.panel2Label
{
    float:                      left; 
    padding-left:               50px;
	padding-right:              10px;
    width:                      70px; 
    font-size:                  13px; 
}
.panel3Label
{
    float:                      left; 
    padding-left:               40px;
	padding-right:              10px;
    width:                      60px; 
    font-size:                  13px; 
}
.form1C
{
    background-color:           <?=$cbackground?>;
    clear:                      both;
    height:                     100%;
    margin:                     5px;
    overflow:                   hidden;
    padding:                    5px;
}

.addWidth1
{
width: 800px;
}

.addWidth2
{
width: 800px;
}

.addTemplateFont
{
	font-weight:                normal;
	font-size:					12.0px;
	font-family:                Trebuchet MS, arial, verdana;
	color:                      <?=$cfont?>;
}
.form1
{
    float:                      left;
    width:                      790px;
    height:                     auto;
    padding:                    5px;
}

.row1 
{
    float:                      left;
    width:                      395px;
  /*  height:                     40px;*/
}

.row2 
{
    float:                      left;
    width:                      790px;
}
.row3 
{
    float:                      left;
    width:                      290px;
}
.row5
{
    float:                      left;
    width:                      22%;
  /*  height:                     40px;*/
}
.row6
{
    float:                      left;
    width:                      500px;
}
.leftRow1 
{
    float:                      left;
    width:                      122px;
    height:                     30px;  
    font-size:                  12px;
    padding-right:              5px;   
    line-height:                12px;
}

.leftRow2 
{
    float:                      left;
    width:                      122px;
    height:                     30px;  
    font-size:                  12px;
    padding-right:              5px;   
    line-height:                12px;
}
.leftRow3 
{
    float:                      left;
    width:                      100px;
    height:                     30px;  
    font-size:                  12px;
    padding-right:              5px;   
    line-height:                12px;
}

.leftRow4 
{
    float:                      left;
    width:                      50px;
    height:                     30px;  
    font-size:                  12px;
    padding-right:              5px;   
    line-height:                12px;
}

.leftRow5 
{
    float:                      left;
    width:                      320px;
    height:                     auto;  
    font-size:                  12px;
    padding-right:              5px;   
    line-height:                12px;
}
.rightRow1 
{
    float:                      left;
    /* width:                      268px; */
    /*height:                     40px;*/
	padding-bottom:             10px;
}

.rightRow2 
{
    float:                      left;
    width:                      268px;
}

.rightRow4 
{
   /* float:                      left;*/
    width:                      268px;
}

textarea.textarea
{
    width:                      260px;
    height:                     31px;     
}

textarea.textarea2
{
    width:                      500px;
    height:                     100px;     
}

input.text, input.password, input.file, textarea.textarea, input.date, select.select, textarea.textarea2 
{
    float:                      left;
    font-family:                Trebuchet MS, arial, verdana;
    font-size:                  11px;
    margin:                     0px;
    padding:                    0px;
}

input.login
{
    font-size:                  12px;
    font-family:                Trebuchet MS, arial, verdana;
    margin:                     0px;
    padding:                    0px;
    width:                      252px;
}

input.inputText2                                                                               
{
    font-size:                  11px;
    font-family:                Trebuchet MS, arial, verdana;
    margin:                     0px;
    padding:                    0px;
    text-align:                 center;
}

.arrowsPositionOrderRow 
{
    width:                      82px;
    height:                     16px;
}

.arrowC 
{
    float:                      left;  
    width:                      16px;
    height:                     16px;
}

.positionOrderC 
{
    float:                      left;
    width:                      30px;
    height:                     auto;
    text-align:                 center;
}

.errors_c 
{
    /* float:                      left; */
    width:                      268px;
    height:                     20px;
}

#ilir, stage, added
.required:after
{
color:red;
font-weight:    bold;
font-size:13px;
content:'*';
}

.errorLine 
{
    /* float:                      left; */
    width:                      268px;
    height:                     auto;
    font-size:                  11px; 
    color:                      red;  
}

.loginBar
{
    height:                     400px;
    background-image:           url(../images/loginBar.gif);
    background-repeat:          repeat-x;
}

.NewloginBar
{
    height:                     53px; /*edited*/
    background-image:           url(../images/UFMSLogo.png);
	background-position:		0.5% 0.40%; /*edited*/
    background-repeat:        	no-repeat;
	background-attachment:		scroll;
}

.Welcometxt
{

  font-family: Trebuchet MS, arial, verdana;
  font-size:  20px; 
  font-style:    normal;
  font-weight: 900;
  color: <?=$clabel?>;

  
  position:relative;
  left:5px;
  vertical-align:middle;
}

fieldset.login
{
    width:                      276px;
    height:                     226px;
    margin-left:                auto;
    margin-right:               auto;
    border:                     5px solid #bbbbbb;
    background-color:           #fff;          
}

fieldset.shiprequest
{
    width:                      100%;
    height:                     800px;

    border:                     5px solid #FFFFFF;
    background-color:           #FFFFFF;  
	
}

fieldset.mainLayout
{
    width:                     100%;
    height:                    1000px;

	/*border:                     1px solid <?=$clabel?>;
    background-color:          transparent;*/
	
}

.loginFormC
{
    background-color:           <?=$cbackground?>; /*alternating color*/
    height:                     193px;
    margin:                     5px;
    padding:                    5px;
}

.loginError
{
    height:                     20px;
}

.registerLink
{
    padding-top:                30px;
    float:                      right;
}

.selectTextField
{
    float:                      left;
    width:                      auto;
    height:                     20px;
    padding:                    0px;
    margin:                     0px;
}

.dropDownArrow 
{
    float:                      left;
    width:                      20px;
    height:                     20px;
    background-image:           url(../images/dropDownArrow_Grey.png);
    background-repeat:          no-repeat;
    cursor:                     pointer;
    border:                     0px;
}

.dropDownArrowC
{
    float:                      left; 
    padding-left:               1px;
}

.selectOption
{
    color:                      #000;
    background-color:           #fff;       
}

.selectOptionHover
{
    color:                      #fff;
    background-color:           <?=$Color10?>;
}

.permissonSectionC
{
    float:                      left;
    width:                      200px;
    height:                     auto;
}

.header1C 
{
    float:                      left;
    width:                      200px;
    height:                     25px;
}

.permissionRow1C 
{
    float:                      left;
    width:                      200px;
    height:                     20px;
}

.fullPermissionRow 
{
    float:                      left;
    width:                      800px;
    height:                     auto;
    padding-bottom:             20px;
}

.psrTemplateTC
{
    float:                      left;
    width:                      191px;
    height:                     296px;    
}

.psrTemplateTImgC
{
    float:                      left;
    width:                      187px;
    height:                     270px;
    border:                     2px solid #959597;
}

.psrTemplateTTextC
{
    float:                      left;
    width:                      191px;
    height:                     20px;
    padding-top:                2px;
}

/********************************** shiprequest main css code to be changed *****************************/

.panel2C 
{
    float:                      left;
    width:                      395px;
    height:                     auto;
}

.panel2 
{
    float:                      left;
    width:                      393px;
    height:                     auto;
    background-color:           <?=$cbackground?>;
    border:                     1px solid #BBBBBB;
    padding-top:                10px;
    padding-bottom:             10px; 
}

.panel3C 
{
    float:                      left;
    width:                      800px;
    height:                     auto;
}

.panel3                                                 
{
    float:                      left;
    width:                      798px;
    height:                     auto;
    background-color:           <?=$cbackground?>;
    border:                     1px solid #BBBBBB;
    padding-top:                10px;
    padding-bottom:             10px; 
}

.panel4
{
    background-color:           <?=$cbackground?>;
    border:                     1px solid #BBBBBB;
    padding:                    5px;    
}

.row4 
{
    float:                      left;
    width:                      373px;
    height:                     25px;
    padding-left:               10px;
}

.label1 
{                                      
    float:                      left;
    width:                      130px;
    height:                     23px;
    padding-top:                2px;
    padding-right:              2px;
    line-height:                9px; 
}

.input1 
{
    float:                      left;
    height:                     25px;
    padding-right:              2px;
}

.label2                                     
{
    float:                      left;
    width:                      125px;
    height:                     auto;
    padding-top:                2px;
    padding-right:              5px;
}

.label21                                     
{
    float:                      left;
    width:                      125px;
	height:auto;
    padding-top:               2px;
    padding-right:             0px;
	padding-left:              0px;
	position:relative;
	left:-22px;
	top:0px;
	
}

.input21 
{
    float:                      left;
    width:                      243px;
    height:                     auto;
    padding-top:                2px;
	position:relative;
	left:-15px;
	top:0px;
}

.input2 
{
    float:                      left;
    width:                      243px;
    height:                     auto;
    padding-top:                2px;
}

.label3 
{
    float:                      left;
    width:                      125px;
    height:                     23px;
    padding-right:              0px;
    padding-top:                2px;
    padding-right:              5px;
}

.input3 
{
    float:                      left;
    width:                      auto;
    height:                     23px;
    padding-top:                2px;
    padding-right:              20px;
}

.extLabel1
{
    float:                      left;
    width:                      auto;
    height:                     23px;
    padding-top:                2px;
    padding-right:              5px;
}

.extInput1
{
    float:                      left;
    width:                      auto;
    height:                     23px;
    padding-top:                2px;        
}

.locationLabel1
{
    float:                      left;
    width:                      auto;
    height:                     23px;
    padding-top:                2px;
    padding-right:              5px;
}

.locationInput1
{
    float:                      left;
    width:                      auto;
    height:                     23px;
    padding-top:                2px;        
}

.userPrefixInput1
{
    float:                      left;
    width:                      auto;
    height:                     23px;
    padding-top:                2px;
    padding-right:              20px;  
}

.error1 
{
    height:                     22px;
    padding-top:                2px;
    font-size:                  10px; 
    color:                      red;
    line-height:                9px;  
}

.seperator1C 
{
    float:                      left;
    width:                      798px;
    height:                     16px;
    padding-top:                5px;
    padding-bottom:             4px;   
}

.seperator1 
{
    float:                      left;
    width:                      798px;
    height:                     16px;
    background-color:           <?=$clabel?>;/*Edited 525858*/      
}

.seperator1TextC 
{
    float:                      left;
    width:                      793px;
    height:                     16px;
    padding-left:               5px;
}

.seperator2C 
{
    float:                      left;
    width:                      393px;
    height:                     16px;
    padding-top:                5px;
    padding-bottom:             4px;       
}             

.seperator2 
{
    float:                      left;
    width:                      393px;
    height:                     16px;   
    background-color:           <?=$clabel?>;          
}

.seperator2TextC 
{
    float:                      left;
    width:                      388px;
    height:                     16px;
    padding-left:               5px;     
}

#backgroundPopup
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    height:                 100%;
    width:                  100%;
    top:                    0;
    left:                   0;
    background-color:       <?=$cfont?>;
    border:                 1px solid #cecece;
    z-index:                1;
}

#backgroundDropDownPopup
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    height:                 100%;
    width:                  100%;
    top:                    0;
    left:                   0;
    z-index:                1;
}

/*#popupQueryResults*/
#popupContact, #popupContact2
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                2;
    width:                  360px;
    background-color:       #fff; 
	box-shadow:             1px 1px 1px #aaaaaa;
	border :                1px solid rgb(108,132,214);
}

#howItWorks
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                2;
    width:                  520px;
    background-color:       #fff;
	
}

.howItWorksCaption
{
    text-align:             center;
    height:                 25px;
    width:                  500px;
    margin:                 10px;
    background-color:       <?=$cbackground?>; /*alternating color*/
    padding-top:            5px;
    color:                  <?=$cfont?>; /* font change*/
    font-size:              16px;
    font-weight:            bold;
}

.howItWorksContent 
{
    width:                  520px;
    height:                 auto;
    background-color:       #fff;
    overflow:               auto;
}

.howItWorksGreyContent 
{
    width:                  500px;
    margin-right:           10px;
    margin-left:            10px;
    margin-bottom:          10px;
    background-color:       <?=$cbackground?>; /*alternating color*/   
}

.howItWorksContentTextC 
{
    height:                 auto;
    width:                  480px;
    padding:                10px;     
}

.messageBoxCaption 
{
    text-align:             center;
    height:                 25px;
    width:                  340px;
    margin:                 10px;
    background-color:       <?=$cbackground?>; /*alternating color*/
    padding-top:            5px;
    color:                  <?=$cfont?>; /* font change*/
    font-size:              16px;
    font-weight:            bold;
}

.messageContent 
{
    width:                  360px;
    height:                 auto;
    background-color:       #fff;
    overflow:               auto;
}

.deleteContent 
{
    width:                  340px;
    height:                 158px;
    margin-right:           10px;
    margin-left:            10px;
    background-color:       <?=$cbackground?>; /*alternating color*/    
}

.exportContent 
{
    width:                  340px;
    height:                 158px;
    margin-right:           10px;
    margin-left:            10px;
    background-color:       <?=$cbackground?>; /*alternating color*/    
}

.deleteContentTextC 
{
    height:                 auto;
    width:                  320px;
    padding-top:            55px;    
    padding-left:           10px;
    padding-right:          10px;
    text-align:             center;  
}

.noticeContent 
{
    width:                  340px;
    margin-right:           10px;
    margin-left:            10px;
    background-color:       <?=$cbackground?>; /*alternating color*/     
}

.noticeContentTextC, .noticeContentTextD  
{
    height:                 auto;
    width:                  320px;
    padding-top:            10px;
    padding-bottom:         6px;    
    padding-left:           10px;
    padding-right:          10px;
    text-align:             left;  
}
                            
.noticeContentTextRowC 
{
    height:                 auto;     
    width:                  320px;
    padding-bottom:         4px;
    border-bottom:          2px solid #fff;    
}

.buttonRow 
{
    width:                  340px;
    height:                 22px;
    padding:                10px;
}

.buttonLabel 
{
    float:                  left;
    width:                  auto;
    height:                 20px;
    padding-right:          5px;
    padding-top:            2px;
    color:                  <?=$cfont?>; /* font change*/
}

.img22 
{
    float:                  left;
    width:                  22px;
    height:                 22px;
}                           

.leftButton 
{
    float:                  left;
    padding-left:           10px;
    cursor:                 pointer;
}

.rightButton 
{
    float:                  right;
    padding-right:          10px;
    cursor:                 pointer; 
}

.navText
{
    float:                  left;
    padding-top:            2px;
    padding-left:           1px;
}

.navIcon
{
    float:                  left;
    width:                  16px;
    height:                 16px;
}

.navIcon.shiprequest
{
    background:             transparent url(../images/shiprequest16x16.png) no-repeat;
} 

.navIcon.feedback
{
    background:             transparent url(../images/feedbackManager16x16.png) no-repeat;
} 

.navIcon.customField
{
    background:             transparent url(../images/customFieldManager16x16.png) no-repeat;
} 

.navIcon.permission
{
    background:             transparent url(../images/permissionManager16x16.png) no-repeat;
} 

.navIcon.user
{
    background:             transparent url(../images/userManager16x16.png) no-repeat;
} 

.navIcon.contact
{
    background:             transparent url(../images/contactManager16x16.png) no-repeat;
} 

.navIcon.company
{
    background:             transparent url(../images/companyManager16x16.png) no-repeat;
} 

.navIcon.myProfile
{
    background:             transparent url(../images/myProfile16x16.png) no-repeat;
} 

.navIcon.resource
{
    background:             transparent url(../images/resourceManager16x16.png) no-repeat;
}

.navIcon.costCenter
{
    background:             transparent url(../images/costCenterManager16x16.png) no-repeat;
}

.navIcon.template
{
    background:             transparent url(../images/templateManager16x16.png) no-repeat;
}

.navIcon.hubit
{
    background:             transparent url(../images/hubitManager16x16.png) no-repeat;
}

/*
.showSelectMenu
{
    display:                block;
}

.hideSelectMenu
{
    display:                none; 
}
*/

.content.heart .section .icons{
    height: 36px;
    width: 180px;
    background: transparent url(../images/background.jpg) no-repeat scroll 0px 0px;
}
.content.heart .section.one:hover .icons{
    background: transparent url(../images/background.jpg) no-repeat scroll 0px -36px;
}
.content.heart .section.two:hover .icons{
    background: transparent url(../images/background.jpg) no-repeat scroll 0px -72px;
}
.content.heart .section.three:hover .icons{
    background: transparent url(../images/background.jpg) no-repeat scroll 0px -108px;
}
.content.heart .section.four:hover .icons{
    background: transparent url(../images/background.jpg) no-repeat scroll 0px -144px;
}
.content.heart .section.five:hover .icons{
    background: transparent url(../images/background.jpg) no-repeat scroll 0px -180px;
}

/******
* calendar.css
******/

table.calendar {
  font-family: Trebuchet MS, arial, verdana;
  font-size: 0.8em;
  border-collapse: collapse;
  background-color: white;
  border: solid #999999 1px;
  background-color: white;
  width: 200px;
  text-align: center;
  /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
  -moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
  font-size: 10px;
}
table.calendar td {
  border: 0;
  font-size: 10px;
  text-align: center;
}
div.mainheading {
  margin: 2px;
}
table.caldayheading {
  border-collapse: collapse;
  cursor: pointer;
  empty-cells: show;
  margin: 0 6px 0 6px;
}
table.caldayheading td {
  border: solid #CCCCCC 1px;
  text-align: left;
  color: #0054E3;
  font-weight: bold;
  width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
  border-right: double #CCCCCC 3px;
}
table.calcells {
  border-collapse: collapse;
  cursor: pointer;
  margin: 0 6px 0 6px;
}
table.calcells td {
  border: solid #CCCCCC 1px;
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  width: 22px;
  height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
  padding: 1px;
  margin: 0;
}
table.calcells td.wkhead {
  background-color: white;
  text-align: center;
  border-right: double #CCCCCC 3px;
  color: <?=$Color09?>;
}
table.calcells td.wkday {
  background-color: #DDDDDD;
}
table.calcells td.wkend {
  background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
  background-color: <?=$Color06?>;
  color: black;
}
table.calcells td.notmnth {
  background-color: #FFFFFF;
  color: #CCCCCC;
}
table.calcells td.notallowed {
  background-color: white;
  color: #EEEEEE;
  font-style: italic;
}
table.calcells td.hover {
  background-color: #999999;
}


table.hubitTable
{
height: 80px; 
width: 600px; 

/*background-color: white;
display: box;
z-index:-9999;*/
border: 1px solid #330099; 
}

tr.hubitTable 
{
height: 40px; 
width: 600px; 
border: 1px solid #330099;
}

td.hubitTable 
{
height: 40px; 
width: 200px; 
border: 1px solid #330099;
vertical-align:middle;
}

.hubitFont0
{
    color:                  #000000;
    font-family:          Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-size:              15px;
    font-weight:            bold;
	text-decoration:underline;
	
	text-indent:235px;
	margin-bottom: 5px;
	
}

.hubitFont01
{
    color:                  #000000;
    font-family:          Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-size:              15px;
    font-weight:            bold;
	text-decoration:underline;
	
	text-indent:0px;
	margin-bottom: 5px;
	
}

.hubitFont1
{
    color:                  #000000;
    font-family:          	Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-size:              15px;
    font-weight:            bold;
	
}

.hubitFont2
{
    color:                  #000000;
    font-family:          Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-size:              10px;
    font-weight:            bold;
	
}
.inputstype
{
width: 250px;
}
.inputFieldhubitdelete
{
	position:relative;
	top:-5px;
	left:50px;
	border-bottom:				1px solid <?=$clabel?>;
	border-top:				    1px solid <?=$clabel?>;
	border-right:				1px solid <?=$clabel?>;
	border-left:				1px solid <?=$clabel?>;
	border-bottom-right-radius: 5px;
	border-top-right-radius:    5px;
	border-bottom-left-radius:  5px;
	border-top-left-radius:     5px;
	

    -webkit-box-shadow: 
      inset 0 0 2px  rgba(192,192,192,0.8),
            0 0 16px rgba(0,0,0,0.8); 
    -moz-box-shadow: 
      inset 0 0 2px  rgba(192,192,192,0.8),
            0 0 16px rgba(0,0,0,0.8); 
    box-shadow: 
      inset 0 0 2px  rgba(192,192,192,0.8),
            0 0 16px rgba(0,0,0,0.8); 
    padding: 5px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}

.inputFieldhubitdelete1
{
	position:relative;
	top:-5px;
	left:25px;
	border-bottom:				1px solid <?=$clabel?>;
	border-top:				    1px solid <?=$clabel?>;
	border-right:				1px solid <?=$clabel?>;
	border-left:				1px solid <?=$clabel?>;
	border-bottom-right-radius: 5px;
	border-top-right-radius:    5px;
	border-bottom-left-radius:  5px;
	border-top-left-radius:     5px;
	

    -webkit-box-shadow: 
      inset 0 0 2px  rgba(192,192,192,0.8),
            0 0 16px rgba(0,0,0,0.8); 
    -moz-box-shadow: 
      inset 0 0 2px  rgba(192,192,192,0.8),
            0 0 16px rgba(0,0,0,0.8); 
    box-shadow: 
      inset 0 0 2px  rgba(192,192,192,0.8),
            0 0 16px rgba(0,0,0,0.8); 
    padding: 5px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}

.buttonhubit
{
    float:                      none;
    height:                     22px;
	background-color:			<?=$clabel?>;
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #FFFFFF;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold;
    line-height:                22px;
	
	border-bottom:				1px solid <?=$clabel?>;
	border-top:				    1px solid <?=$clabel?>;
	border-right:				1px solid <?=$clabel?>;
	border-left:				1px solid <?=$clabel?>;
	border-bottom-right-radius: 5px;
	border-top-right-radius:    5px;
	border-bottom-left-radius:  5px;
	border-top-left-radius:     5px;
	position: relative;
	top:-5px;
	left:70px;
}

.buttonhubit1
{
    float:                      none;
    height:                     22px;
	background-color:			<?=$clabel?>;
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #FFFFFF;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold;
    line-height:                22px;
	
	border-bottom:				1px solid <?=$clabel?>;
	border-top:				    1px solid <?=$clabel?>;
	border-right:				1px solid <?=$clabel?>;
	border-left:				1px solid <?=$clabel?>;
	border-bottom-right-radius: 5px;
	border-top-right-radius:    5px;
	border-bottom-left-radius:  5px;
	border-top-left-radius:     5px;
	position: relative;
	top:-5px;
	left:50px;
}

.buttonhubitHover
{
    float:                      none;
    height:                     22px;

    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #AAAAAA;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold; 
    line-height:                22px;
		position: relative;
	top:-5px;
	left:287px;
}  

.text_1
{
    color:                  #000000;
    font-family:          Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-size:              15px;
    font-weight:            bold;
	text-decoration:underline;
	
	text-indent:0px;
	margin-bottom: 5px;
}

.hubDeleteMsg
{
	text-indent:0px;
	margin-bottom: 20px;
	width: 580px;
	height: auto;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;

	
	background:#FFFFFF;
    box-shadow:inset 0px 0px 3px 3px #333333;
    -moz-box-shadow:inset 0px 0px 3px 3px #333333;
    -webkit-box-shadow:inset 0px 0px 3px 3px #333333;
    -o-box-shadow:inset 0px 0px 3px 3px #333333;
    -ms-box-shadow:inset 0px 0px 3px 3px #333333;
	
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
	
	/*
	
	overflow: scroll;
	
	border-bottom:				1px dashed <?=$clabel?>;
	border-top:				    1px dashed <?=$clabel?>;
	border-right:				1px dashed <?=$clabel?>;
	border-left:				1px dashed <?=$clabel?>;
	border-bottom-right-radius: 5px;
	border-top-right-radius:    5px;
	border-bottom-left-radius:  5px;
	border-top-left-radius:     5px;
	*/
}

.hubDeleteMsgFont
{
    color:                  #ff0000;
    font-family:          Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-size:              12px;
    font-weight:            bold;	
}

.msgList
{
	position:relative;
	top: 0px;
	left: 25px;
}

.msgHeadingText
{
	margin-left:auto;
	margin-right:auto;
	color:                  #000000;
    font-family:          Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-size:              13px;
    font-weight:            bold;
	text-decoration:underline;
	text-align:  center;
}
.hubdeleteautoheight
{
	height: 100%;
}
.buttonHubdelete
{
    float:                      left;
    height:                     22px;
	background-color:			<?=$clabel?>;
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #FFFFFF;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold;
    line-height:                22px;
	
	border-bottom:				1px solid <?=$clabel?>;
	border-top:				    1px solid <?=$clabel?>;
	border-right:				1px solid <?=$clabel?>;
	border-left:				1px solid <?=$clabel?>;
	border-bottom-right-radius: 5px;
	border-top-right-radius:    5px;
	border-bottom-left-radius:  5px;
	border-top-left-radius:     5px;
	position: relative;
	top:0px;
	left:475px;
}


.buttonHubdeleteHover
{
    float:                     left;
    height:                     22px;

    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #AAAAAA;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold; 
    line-height:                22px;
		position: relative;
	top:0px;
	left:625px;
}


.button1Lefth
{
    float:                      left;
    width:                      0px;
    height:                     22px;
    /*background-image:           url(../images/leftButton1.jpg);*/ 
}

.button1Righth
{
    float:                      left;
    width:                      0px;
    height:                     22px;
   /* background-image:           url(../images/rightButton1.jpg); */    
}

.button1Text1h
{
    float:                      left;
    padding-left:               5px;
    padding-right:              5px;
}


table.queryTable
{
height: 80px; 
width: 600px; 

/*background-color: white;
display: box;
z-index:-9999;*/
border: 1px solid #330099; 
}

tr.queryTable 
{
height: 40px; 
width: 600px; 
border: 1px solid #330099;
}

td.queryable 
{
height: 40px; 
width: 200px; 
border: 1px solid #330099;
}
/*Hub Related Color Schemes. Need to be updated with Appropriate colors. For now its same as SGM.*/ 
#popupContactRateShop
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                2;
    width:                  600px;
    background-color:       #fff; 
	
	
	border-bottom:				10px double <?=$clabel?>;
	border-top:				    10px double <?=$clabel?>;
	border-right:				10px double <?=$clabel?>;
	border-left:				10px double <?=$clabel?>;
	border-radius: 12px;
	
	padding-top: 15px;
	padding-bottom: 15px;
	
	
}

#popupContactProcessShipment, #popupQueryResults  /* ilir added 12.08.2013*/
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                2;
    width:                  600px;
    background-color:       #fff; 
	
	
	border-bottom:				10px double <?=$clabel?>;
	border-top:				    10px double <?=$clabel?>;
	border-right:				10px double <?=$clabel?>;
	border-left:				10px double <?=$clabel?>;
	border-radius: 12px;
	
	padding-top: 15px;
	padding-bottom: 15px;
}

#popupContactCancellShipment
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                2;
    width:                  600px;
    background-color:       #fff; 
	
	
	border-bottom:				10px double <?=$clabel?>;
	border-top:				    10px double <?=$clabel?>;
	border-right:				10px double <?=$clabel?>;
	border-left:				10px double <?=$clabel?>;
	border-radius: 12px;
	
	padding-top: 15px;
	padding-bottom: 15px;
}

#popupContactMultipiece
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                2;
    width:                  600px;
    background-color:       #fff; 
	
	
	border-bottom:				10px double <?=$clabel?>;
	border-top:				    10px double <?=$clabel?>;
	border-right:				10px double <?=$clabel?>;
	border-left:				10px double <?=$clabel?>;
	border-radius: 12px;
	
	padding-top: 15px;
	padding-bottom: 15px;
}

.messageBoxCaptionRateShop 
{
    text-align:             center;
    height:                 auto;
    width:                  545px;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	
	border:                     0px solid #bbbbbb;
	border-radius: 7px;
    height:                     20px;
    background-image:           url(../images/tableHeaderRepeat.jpg);
    background-repeat:          repeat; 
}
.messageBoxCaptionDetailedCost
{
    text-align:             center;
    height:                 auto;
    width:                  275px;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	
	border:                     0px solid #bbbbbb;
	border-radius: 7px;
    height:                     20px;
    background-image:           url(../images/tableHeaderRepeat.jpg);
    background-repeat:          repeat; 
}
.messageBoxCaptionText
{
    color:                  <?=$cfont?>; /* font change*/
    font-size:              20px;
    font-weight:            bold;
	font-family:            Trebuchet MS, arial, verdana;
	text-decoration:underline;
	padding-bottom:5px;
}

.messageContentRateShop 
{
    width:                  550px;
    height:                 auto;
    background-color:       #fff;
    overflow:               visible;
	
	margin-left: auto ;
	margin-right: auto ;
}

.messageContentDetailedRate 
{
    width:                  280px;
    height:                 auto;
    background-color:       #fff;
    overflow:               visible;
	
	margin-left: auto ;
	margin-right: auto ;
}

table.tableFullRateShop
{
    width: 100%;
	/*
	display: box;
	z-index:-9999;
	*/
        border: 2px solid <?=$Color02?>; /* ilir, 19/04/2013, stage, change color #330099 */
	margin-top:7px;
}

table.tableFullRateShop th
{
    color:                      <?=$Color01?>; /*MOIN*/
    font-size:                  14px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
    background-color:           <?=$clabel?>; /*Edited 525858*/  
    padding:                    7px;
    text-align:                 center;
	
	height: 20px; 
	/*width: 500px;*/ 
}

table.tableFullRateShop td
{
    padding:                    2px;
	/*height: 30px; */
	/*width: 125px; */
	/*text-align:center;*/
}

table.tableFullRateShop tbody tr
{
	width:                      100%;
    font-size:                  12px;
    color:                      <?=$cfont?>; /* font change*/
	height: 20px; 
	width: 500px; 
	cursor:                 pointer;
}

table.tableFullRateShop tr.hover
{
    background-color:           <?=$Color05?>; /* MOIN JUNE212012 */
}

table.tableFullRateShop tr.even
{
    background-color:           <?=$Color06?>; /*alternating color*/ /*MOIN JUNE212012*/
}

table.tableFullRateShop tr.odd
{
    background-color:           <?=$Color10?>/*#fff;*/
}
.rateshopText1
{
    color:                      <?=$cfont?>; /* font change*/
    font-size:                  13px;
	font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
}
.rateshopText2
{
    color:                      <?=$Color01?>;
    font-size:                  13px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
}
.buttonRowRateShop 
{
    width:                  530px;
    height:                 22px;
	padding-top:                10px;
    padding-left:                10px;
	padding-right:                10px;
	padding-bottom:                0px;
	
	margin-left: auto ;
	margin-right: auto ;
	
	
}
.buttonDetailedCost
{
    width:                  275px;
    height:                 22px;
	padding-top:                10px;
    padding-left:                10px;
	padding-right:                10px;
	padding-bottom:                0px;
	
	margin-left: auto ;
	margin-right: auto ;
	
	
}
.rightButtonRateShop
{
    float:                  right;
    padding-right:          0px;
    cursor:                 pointer; 
}
.leftButtonRateShop 
{
    float:                  left;
    padding-left:           0px;
    cursor:                 pointer;
}
#backgroundPopupDontClick
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    height:                 100%;
    width:                  100%;
    top:                    0;
    left:                   0;
    background-color:       <?=$cfont?>;
    border:                 1px solid #cecece;
    z-index:                1;
}

.hubRateShopMsg
{
	text-indent:0px;
	
	width: 530px;
	height: auto;
	
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	
	margin-top: 10px;
	margin-left: 1px;
	margin-right: 1px;
	
	background:#FFFFFF;
    box-shadow:inset 0px 0px 3px 3px #333333;
    -moz-box-shadow:inset 0px 0px 3px 3px #333333;
    -webkit-box-shadow:inset 0px 0px 3px 3px #333333;
    -o-box-shadow:inset 0px 0px 3px 3px #333333;
    -ms-box-shadow:inset 0px 0px 3px 3px #333333;
	
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}

.msgListRateShop
{
	padding-left:25px;
	padding-top:10px;
	padding-bottom:10px;
}

.msgHeadingTextRateShop
{
	margin-left:auto;
	margin-right:auto;
	/*color:                  #000000;*/
            font-family:          Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; 
            font-size:              13px;
            font-weight:            bold;
	text-decoration:underline;
	text-align:  center;
        height:					22px;
	background-color:       <?=$clabel?>;
	color:                  #ffffff;
        border-radius:4px;
}
.error1consigneeID
{
    height:                     22px;
    padding-top:                2px;
    font-size:                  10px; 
    color:                      red;
    line-height:                9px;  
	position: relative;
	left: 285px;
	top:-20px;
}
#ilir, stage added
div.hubprocessShipMsg
{
	text-indent:0px;
	
	width: 530px;
	height: auto;

	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	
	margin-top: 25px;
	margin-left: 25px;
	margin-right: 1px;
	
	background:#FFFFFF;
    box-shadow:inset 0px 0px 3px 3px #333333;
    -moz-box-shadow:inset 0px 0px 3px 3px #333333;
    -webkit-box-shadow:inset 0px 0px 3px 3px #333333;
    -o-box-shadow:inset 0px 0px 3px 3px #333333;
    -ms-box-shadow:inset 0px 0px 3px 3px #333333;
	
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}

div.hubprocessCancelMsg
{
	text-indent:0px;
	
	width: 530px;
	height: auto;
	
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	
	margin-top: 25px;
	margin-left: 1px;
	margin-right: 1px;
	
	background:#FFFFFF;
    box-shadow:inset 0px 0px 3px 3px #333333;
    -moz-box-shadow:inset 0px 0px 3px 3px #333333;
    -webkit-box-shadow:inset 0px 0px 3px 3px #333333;
    -o-box-shadow:inset 0px 0px 3px 3px #333333;
    -ms-box-shadow:inset 0px 0px 3px 3px #333333;
	
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}

table.tableFullProcessShipment
{
    width: 100%;
	/*
	display: box;
	z-index:-9999;
	*/
	border: 2px solid #330099;
	margin-top:7px;
	border-collapse:collapse;
}

div.tableFullProcessShipment
{
	/*height:350px;*/
	padding-top: 13px;
        margin-bottom:15px;
	/*overflow-y:scroll;*/
}

table.tableFullProcessShipment th
{
    color:                      <?=$Color01?>; /*MOIN*/
    font-size:                  14px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
    background-color:           <?=$clabel?>; /*Edited 525858*/  
    padding:                    7px;
    text-align:                 left;
	
	height: 20px; 
	width: 250px; 
}

table.tableFullProcessShipment td
{
    padding:                    2px;
	height: 30px; 
	width: 250px;
	text-align:center;
    border-right: 2px solid #330099;
    border-style:solid;
}

table.tableFullProcessShipment tbody tr
{
	width:                      100%;
    font-size:                  12px;
    color:                      <?=$cfont?>; /* font change*/
	height: 30px; 
	width: 500px; 
	cursor:                 text;
}

table.tableFullProcessShipment tr.hover
{
    background-color:           <?=$Color05?>; /* MOIN JUNE212012 */
}

table.tableFullProcessShipment tr.even
{
    background-color:           <?=$Color06?>; /*alternating color*/ /*MOIN JUNE212012*/
}

table.tableFullProcessShipment tr.odd
{
    background-color:           <?=$Color10?>/*#fff;*/
}

img.showMultipiece
{
float: left;
height: 15px;
width:15px;
/*position:relative; left:-25px;top:0px;*/
opacity:1.0;
cursor:pointer;
}
.multipieceInput
{
width: 55px;
}
.columnmultipiece
{
	width:25px;
}

/*=========================================*/
/* Ilir Added 22.02.2013 */
/* EOD case */
#popupContactEOD /*Id of the first EOD pop up*/
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                2;
    width:                  600px;
    background-color:       #fff; 
	
	
	border-bottom:				10px double <?=$clabel?>;
	border-top:				    10px double <?=$clabel?>;
	border-right:				10px double <?=$clabel?>;
	border-left:				10px double <?=$clabel?>;
	border-radius: 12px;
	
	padding-top: 15px;
	padding-bottom: 15px;
}

#popupContactEODProcess /*id of the second EOD pop up*/
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                2;
    width:                  600px;
    background-color:       #fff; 
	
	
	border-bottom:				10px double <?=$clabel?>;
	border-top:				    10px double <?=$clabel?>;
	border-right:				10px double <?=$clabel?>;
	border-left:				10px double <?=$clabel?>;
	border-radius: 12px;
	
	padding-top: 15px;
	padding-bottom: 15px;
}

/*EOD table Code starts here.*/
table.tableFullEOD
{
    width: 100%;
	/*
	display: box;
	z-index:-9999;
	*/
	border: 2px solid <?=$Color02?>; /*ilir, 19/04/2013, stage, color changed*/
	margin-top:7px;
}

table.tableFullEOD th
{
    color:                      <?=$Color01?>; /*MOIN*/
    font-size:                  14px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
    background-color:           <?=$clabel?>; /*Edited 525858*/  
    padding:                    7px;
    text-align:                 left;
	
	height: 20px; 
	width: 500px; 
}

table.tableFullEOD td
{
    padding:                    2px;
	height: 30px; 
	width: 125px; 
	text-align:center;
}

table.tableFullEOD tr
{
	width:                      100%;
    font-size:                  12px;
    color:                      <?=$cfont?>; /* font change*/
	height: 30px; 
	width: 500px; 
	cursor:                 auto;
}

table.tableFullEOD tr.hover
{
    background-color:           <?=$Color05?>; /* MOIN JUNE212012 */
}

table.tableFullEOD tr.even
{
    background-color:           <?=$Color06?>; /*alternating color*/ /*MOIN JUNE212012*/
}

table.tableFullEOD tr.odd
{
    background-color:           <?=$Color10?>/*#fff;*/
}

table.tableFullEOD tr.firstRow
{
font-weight:              bold;
background-color:         <?=$clabel?>;
height:10px; 
}
table.tableFullEOD td.firstRowText
{
font-size:                14px;
font-weight:              bold;
color:                    #fff; 
height:12px; 
text-align: left;
}
.eodlink
{
    color:                      <?=$clabel?>; /* font change*/
    text-decoration:            none;
    font-weight:                bold;
}

.hubprocessEODMsg
{
	text-indent:0px;
	
	width: 530px;
	height: auto;

	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	
	margin-top: 25px;
	margin-left: 25px;
	margin-right: 1px;
	
	background:#FFFFFF;
    box-shadow:inset 0px 0px 3px 3px #333333;
    -moz-box-shadow:inset 0px 0px 3px 3px #333333;
    -webkit-box-shadow:inset 0px 0px 3px 3px #333333;
    -o-box-shadow:inset 0px 0px 3px 3px #333333;
    -ms-box-shadow:inset 0px 0px 3px 3px #333333;
	
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}
.msgListEODProcess
{
	padding-left:25px;
	padding-top:10px;
	padding-bottom:10px;
        height:auto;
}


.messageTable
{
height: 120px; 
width: 530px; 

/*background-color: white;
display: box;
z-index:-9999;*/
/*border: 1px solid #330099;*/
/*padding-left:25px; */ 
overflow:scroll;
}

tr.messageTable 
{
height: 40px; 
width: 530px; 
/*border: 1px solid #330099;*/

}

td.messageTable 
{
height: 40px; 
width: 400px; 
/*border: 1px solid #330099;*/
}

.querytableHeader
{
    border:                     1px solid #bbbbbb;
	width:						775px;
    height:                     35px;
	line-height:                35px;
	color:						<?=$clabel?>;
	text-align:					center;
    background-image:           url(../images/tableHeaderRepeat.jpg);
	background-size:            100% 100%;*/
    background-repeat:          repeat; 
    /*padding-left:               10px;*/
    /*padding-top:                 4px;*/
	
}
.queryBoxBorder
{
width:775px;
border: 1px solid #bbbbbb; 
border-top-right-radius: 8px;
border-top-left-radius:  8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius:  8px;
padding-bottom:5px;
}

.queryBoxHead
{
width:775px;
height:24px;
padding:0px;

color:#ffffff;
font-size:14px;
line-height:24px;
text-align:left;

background-color: <?=$clabel?>;

border-top-right-radius: 8px;
border-top-left-radius:  8px;

}

.queryBox
{
width:775px;
margin-left:0%; 
margin-top:5px;
margin-bottom:1px;
/*border: 1px solid #330099;
padding:5px;*/
/*border-bottom-right-radius: 8px;
border-bottom-left-radius:  8px;*/
height:200px;
overflow-x:hidden;
overflow-y:scroll;
}
.hubMessageBox
{
	text-indent:0px;
	margin-bottom: 20px;
	width: 775px;
	height: 195px;
	/*padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;*/

	
	/*background:#FFFFFF;
    box-shadow:inset 0px 0px 3px 3px #333333;
    -moz-box-shadow:inset 0px 0px 3px 3px #333333;
    -webkit-box-shadow:inset 0px 0px 3px 3px #333333;
    -o-box-shadow:inset 0px 0px 3px 3px #333333;
    -ms-box-shadow:inset 0px 0px 3px 3px #333333;*/
	border: 1px solid #aaaaaa;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    
	
    color:                  #bbbbbb;
    font-family:          	Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-size:              14px;
    font-weight:            bold;	
}
.hubMessageBoxHeader
{
	height:					22px;
	background-color:        <?=$clabel?>;
	color:                  #ffffff;
	text-align:				center;
        border-radius:4px;
}

.hubMessageScrollBox
{
width:600px;
height:150px;
overflow-y:auto;
white-space:nowrap;
}
.evenRow
{
	color:#ff0000;
    background-color: <?=$Color05?>; 
}
.oddRow
{
	color:#ff0000;
    background-color:           <?=$Color07?>;
}
.Row
{
color:#ff0000;
}
.queryRow
{
padding-left:60px;
padding-top:6px;
height:30px; 
width:95%;
float:center;
}

.queryRow:hover
{
background-color: <?=$Color05?>;
}

/*code for data dumpPopUP*/
/*It is important to notice that new css elements are added into new html elements(copied from some other*/ 
/*elements) only if those elements the css elements in those elements are causing trouble.  If not, the old css*/
/*elements are maintained in the new copied html elements.*/
#popupContactDataDump
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                2;
    width:                  600px;
    background-color:       #fff; 
	
	
	border-bottom:				10px double <?=$clabel?>;
	border-top:				    10px double <?=$clabel?>;
	border-right:				10px double <?=$clabel?>;
	border-left:				10px double <?=$clabel?>;
	border-radius: 12px;
	
	padding-top: 15px;
	padding-bottom: 15px;
}
.msgListDataDump
{     
	padding-left:25px;
	padding-top:10px;
	padding-bottom:10px;
        word-wrap: break-word;
}
.dataDumpMsg
{
	text-indent:0px;
	
	width: 530px;
	height: auto;
	
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	
	margin-top: 25px;
	margin-left: 1px;
	margin-right: 1px;
	
	background:#FFFFFF;
    box-shadow:inset 0px 0px 3px 3px #333333;
    -moz-box-shadow:inset 0px 0px 3px 3px #333333;
    -webkit-box-shadow:inset 0px 0px 3px 3px #333333;
    -o-box-shadow:inset 0px 0px 3px 3px #333333;
    -ms-box-shadow:inset 0px 0px 3px 3px #333333;
	
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}

.datadumptext
{
	text-align:center; 
	color:  <?=$clabel?>; 
	font-size:	15px;
	font-weight: bolder;
}

/*Code for Detailed Cost Pop Up*/
#backgroundPopupTwoDontClick
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    height:                 100%;
    width:                  100%;
    top:                    0;
    left:                   0;
    background-color:       <?=$cfont?>;
    border:                 1px solid #cecece;
    z-index:                2;
}

#popupContactDetailedCost
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                3;
    width:                  300px;
    background-color:       #fff; 
	
	
	border-bottom:				10px double <?=$clabel?>;
	border-top:				    10px double <?=$clabel?>;
	border-right:				10px double <?=$clabel?>;
	border-left:				10px double <?=$clabel?>;
	border-radius: 12px;
	
	padding-top: 15px;
	padding-bottom: 15px;
}

table.tableDetailedCost
{
        width: 100%;
	/*
	display: box;
	z-index:-9999;
	*/
	border: 2px solid #330099;
	margin-top:7px;
        display: block;
        /*
        height: 430px;
        */
        overflow-y: auto;
        
}

table.tableDetailedCost th
{
    color:                      <?=$Color01?>; /*MOIN*/
    font-size:                  14px;
    font-weight:                bold;
    font-family:                Trebuchet MS, arial, verdana;
	
    background-color:           <?=$clabel?>; /*Edited 525858*/  
    padding:                    7px;
    text-align:                 center;
	
    height: 15px; 
    /*width: 115px;*/ 
}

table.tableDetailedCost td
{
        padding:                    2px;
	height: 15px; 
	/*width: 115px;*/ 
	/*text-align:center;*/
}

table.tableDetailedCost tbody tr
{
        font-size:                  12px;
        color:                      <?=$cfont?>; /* font change*/
	height: 32px; 
	width: 200px; 
	cursor:                 text;
}

table.tableDetailedCost thead tr
{
    height: 32px;
}

table.tableDetailedCost tr.hover
{
    background-color:           <?=$Color05?>; /* MOIN JUNE212012 */
}

table.tableDetailedCost tr.even
{
    background-color:           <?=$Color06?>; /*alternating color*/ /*MOIN JUNE212012*/
}

table.tableDetailedCost tr.odd
{
    background-color:           <?=$Color10?>;/*#fff*/
}


div.table_multipiece
{
        height:300px;
        width:600px;
	overflow-y:scroll;
        overflow-x:hidden;
}
div.multipiece_content
{
    width:                  600px;
    height:                 auto;
    background-color:       #fff;
    overflow:               visible;
	
	margin-left: auto ;
	margin-right: auto ;
}


#popupRetrieveSR
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                2;
    width:                  600px;
    background-color:       #fff; 
	
	
	border-bottom:				10px double <?=$clabel?>;
	border-top:				    10px double <?=$clabel?>;
	border-right:				10px double <?=$clabel?>;
	border-left:				10px double <?=$clabel?>;
	border-radius: 12px;
	
	padding-top: 15px;
	padding-bottom: 15px;
}


#popupSaveandPrint
{
    display:                none;
    position:               fixed;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                2;
    width:                  600px;
    background-color:       #fff; 
	
	
	border-bottom:				10px double <?=$clabel?>;
	border-top:				    10px double <?=$clabel?>;
	border-right:				10px double <?=$clabel?>;
	border-left:				10px double <?=$clabel?>;
	border-radius: 12px;
	
	padding-top: 15px;
	padding-bottom: 15px;
}


.hubMessagequeryScrollBox
{
width:775px;
height:275px;
overflow-y:auto;
white-space:nowrap;
}

.hubMessagequeryBox
{
	text-indent:0px;
	margin-bottom: 20px;
	width:775px;
	height: 325px;
	/*padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;*/

	
	/*background:#FFFFFF;
    box-shadow:inset 0px 0px 3px 3px #333333;
    -moz-box-shadow:inset 0px 0px 3px 3px #333333;
    -webkit-box-shadow:inset 0px 0px 3px 3px #333333;
    -o-box-shadow:inset 0px 0px 3px 3px #333333;
    -ms-box-shadow:inset 0px 0px 3px 3px #333333;*/
	border: 1px solid #aaaaaa;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    
	
    color:                  #bbbbbb;
    font-family:          	Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-size:              14px;
    font-weight:            bold;	
}

.optionsSubMenu
{
    position:                   absolute;
	width:						200px;
    display:                    none;
    //z-index: 999;                   
    background-color:           #fff;
    margin-top:                 21px;
}
ul.subMenu2
{
    font-size:12px;
	line-height:100%; 
	list-style-type: none;
	padding:0px;
	cursor:pointer;
}
ul.subMenu2 li
{
    padding-top:3px;
	padding-left:5px;
}
.navArrow2
{
    float:                      right;
    padding-bottom:             5px;
    padding-top:                0px;
    padding-right:              2px;
    width:                      auto;
    height:                     16px;   
}
/*.navRowSubMenu2
{
    position:                   absolute;
    display:                    none;
    margin-left:                212px;
    border:                     1px solid #BBBBBB;
    background-color:           #fff;
}*/
.buttonspaceholder
{
    float:                      left;
    height:                     22px;
    margin-right:               5px;
    margin-left:                5px;
    width:85px;
}
/* added ilir 12/08/2013 */
.evenrow
{
background-color:#eeeee9;
}
.oddrow
{
background-color:#eee9ee;
}
.oddrow:hover
{
    background-color:           #D3CCFF; /* MOIN JUNE212012 */
}
.evenrow:hover
{
    background-color:           #D3CCFF; /* MOIN JUNE212012 */
}
.hubQueryText2
{
    color:                      <?=$Color01?>;
    font-size:                  13px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
}

.orientationVbutton
{
position:absolute;
background-image:	url(../images/orientationV1.jpg);
background-size:	100% 100%;
background-repeat: 	no-repeat;
margin-left:		960px; 
margin-top:			-35px; 
/*background-color:	#E0F5FF;*/ 
width:				25px;
height:				25px; 
}

.orientationHbutton
{
position:			absolute;
background-image:   url(../images/orientationH1.jpg);
background-size:	100% 100%;
background-repeat: 	no-repeat;
margin-left:		549px; 
margin-top:			-27px; 
/*background-color:	#E0F5FF;*/ 
width:				 25px;
height:				 25px; 
}
.buttonRowQuery 
{
    width:                  90%;
    height:                 22px;
	padding-top:                10px;
    padding-left:                10px;
	padding-right:                10px;
	padding-bottom:                5px;
	
	margin-left: auto ;
	margin-right: auto ;
}

.msgListQuery
{
	padding-left:25px;
	padding-top:10px;
	padding-bottom:10px;
	height:50px;
	overflow:auto;
}
.text_rate_data                          
{
    color:                      <?=$clabel?>; /* font change*/
    font-size:                  11px;
	font-family:                Trebuchet MS, arial, verdana;
	font-weight:                bold;
	
}

.rate_data 
{
padding-top: 7px;
}

table.tablerateshopData
{
    width: 100%;
    border: 2px solid #330099;
    margin-top:7px;
}


table.tablerateshopData td
{
    padding:                    2px;
    height: 10px;
    background-color:           <?=$Color06?>;
}

table.tablerateshopData tbody tr
{
	width:                      100%;
	height: 10px; 
	width: 500px; 
	cursor:                 text;
}

.attributesheader
{	
	padding-top:2px; 
	height:21px; 
	background-color:#ffffff;
	color:#ffffff;
	border-color:#ffffff;
	border-top-left-radius: 5px;
	border-top-right-radius:5px;
        font-size:14px;	
}

.classinjs
{
border:					none;
color:                  #ffffff;
font-family:          	Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
padding-left: 			3px;
font-size: 				12px;
}

.templatehead
{
	border:1px solid <?=$Color05?>;
	border-radius:    5px;
	margin-bottom:    5px;
}

.trmplateheadelement
{
 color:                      <?=$Color01?>; 
 background-color:           <?=$clabel?>;
    font-size:                  12px;
    font-weight:                bold;
 font-family:                Trebuchet MS, arial, verdana;
 padding-left:5px;
 height:19px;
}

.trmplateheadelementborder
{
 border:1px solid   <?=$clabel?>;
} 

.exportedbooks
{
margin-top:5px;
border: 1px solid #ff0000;
}

.trmplateheadelementborder2
{
    border: 2px solid <?=$clabel?>;
}

.doublemenuheaders
{
	padding:0px; 
	height:14px;
	background-color: <?=$clabel?>;
	color:#ffffff; 
	font-size:11px;
	font-family:Trebuchet MS 
}

.leftButtonQuery
{
    float:                  left;
    padding:               3px;
 height:                 25px;
 padding-right:          10px;
    cursor:                 pointer;
 border:                 1px solid white;
 border-radius:          6px;
 -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
}
.leftButtonQuery:hover
{
    float:                  left;
    padding:               3px;
 padding-right:          10px;
 height:                 25px;
 padding-right:          10px;
    cursor:                 pointer;
 border:                 1px solid   <?=$clabel?>;
 
}

.querypaginator
{
	position:			 relative;
	margin-left:		 5px; 
	padding-bottom:		 2px;
	font-family:         Trebuchet MS, arial, verdana;
	color: 				 <?=$clabel?>;
}

.allLang
{
	height:		20px;
	border:		none;
	cursor:pointer;
}
.allLang:hover
{
	height:		20px;
	background-color:	#dddddd;
	cursor:pointer;
}
.allLang1
{
	height:		25px;
	border:		none;
	cursor:     default;
	color:	    #666666;
}
.allLang0
{
	height:		25px;
	border:		none;
	cursor:pointer;
}
.allLang0:hover
{
	height:		25px;
	background-color:	#dddddd;
	cursor:pointer;
}

.rmenuoption
{
	padding: 5px;
	border-bottom:1px solid #dddddd;
}

.rmenuoption:hover
{
	background-color:#eeeeee;
}

.userlogo
{
height:100%;
width:auto;
vertical-align:top;
}

.userlogotext
{
background-color: <?=$clabel?>;
color: #ffffff;
font-weight:   bold;

height:50px;
display: table-cell;
vertical-align:middle;
word-break:break-all;
overflow:hidden;
width:110px;
padding-left:5px;
padding-right:5px;
}

.rightPad22
{
        padding-right:22px;
}

.layoutleft
{
	width:auto;
}


table.leftmenuElement
{
	width:100%;
}

table.leftmenuElement td.col1
{
	width:7%;
	vertical-align:middle;
       padding-left:3px;  
}
table.leftmenuElement td.col2
{
	vertical-align:middle;
}
table.leftmenuElement td.col3
{
	width:5%;
	vertical-align:middle;
}
.themecolor0
{
	background-color:rgb(194,200,226);
	color:#ffffff;
}
.themecolor1
{
	background-color:rgb(147,159,208);
	color:#ffffff;
}
.themecolor1-4
{
	background-color:rgb(147,159,208);
	color:rgb(24,50,91);
}
.themecolor2
{
	background-color:rgb(104,125,188);
	color:#ffffff;
}
.themecolor3
{
	background-color:rgb(56,84,135);
	color:#ffffff;
}
.themecolor4
{
	background-color:rgb(24,50,91);
	color:#ffffff;
}
.themecolor41
{
	background-color:transprent;
	color:rgb(24,50,91);
}
.themecolor42
{
	background-color:rgb(104,125,188);
	color:rgb(24,50,91);
}
.widgethead
{
	width:100%;
	text-align:center;
	background-color:rgb(147,159,208);
	color:rgb(24,50,91);
	font-size:16px;
	font-family: arial, verdana;
}
.widgethead1
{
	width:100%;
	text-align:center;
	background-color:rgb(147,159,208);
	color:rgb(24,50,91);
	font-size:12px;
	font-family: arial, verdana;
}
.submenu-widget
{
	width:100px;
	background-color:#dddddd;
	border:1px solid #aaaaaa;
}
.buttonV
{
    float:                      left;
    height:                     22px;
	background-color:			<?=$clabel?>;
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #FFFFFF;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold;
    line-height:                22px;
	
	border-bottom:				1px solid <?=$clabel?>;
	border-top:				    1px solid <?=$clabel?>;
	border-right:				1px solid <?=$clabel?>;
	border-left:				1px solid <?=$clabel?>;

	width:100%;
}

.buttonV:Hover
{
    float:                      left;
    height:                     22px;
    cursor:                     pointer;
    margin-right:               5px;
	margin-left:                5px;
    color:                      #AAAAAA;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold; 
    line-height:                22px;
	
}
.tablewidgetfooter
{
	height:    40px;
}

.widgetcontainer
{
	vertical-align:top;border:2px solid rgb(24,50,91); margin:0.25%;min-width:650px;
}

.widgetcontainerrow
{
	width:100%;display:-webkit-inline-box;
}

.detailcontainer
{
/*vertical-align:top; width:100% !important; border:2px solid rgb(24,50,91); margin:2px; background-color: rgb(147,159,208);*/

vertical-align:top; width:100% !important; margin-top:10px;border:2px solid rgb(24,50,91); /* background-color: rgb(147,159,208);*/
}
.tabledab tr.hover
{
    background-color:           rgb(56,84,135); /* MOIN JUNE212012 */
}

.tabledab tr.evendab
{
    background-color:            rgb(24,50,91); /*alternating color*/ /*MOIN JUNE212012*/
}

.tabledab tr.odddab
{
    background-color:           #fff;
}

.actiondiv
{
height:100px;width:100px;margin-left:auto;margin-right:auto;
}
.actiondiv:hover
{
height:100px;width:100px;background-color: rgb(147,159,208);
}
.actiondiv7
{
height:40px;width:40px;
}
.actiondiv7:hover
{
height:40px;width:40px;background-color: rgb(147,159,208);
}
.actionimg
{
cursor:pointer;height:90%;width:90%;padding:5%;
}
.popupcontainercolor
{
border:4px solid rgb(24,50,91);
box-shadow:5px -5px 2px rgb(147,159,188);
}
.popupheadcolor
{
	 background-color:rgb(147,159,208);
	 color:rgb(56,84,135);
}
.alertp
{
height:40px;width:40px;margin-left:auto;margin-right:auto;
}
.alertp:hover
{
height:40px;width:40px;background-color: rgb(147,159,208);
}
.calendarelement{border:1px solid rgb(147,159,208);width:14.28571%!important;font-size:14px;}
.calendarelement1{height:24px;vertical-align:middle}
.tablecalculator 
{
	width:100%;
}
.tablecalculator td
{
	height:20px; width:20px; border:1px solid rgb(24, 88,104);border-radius:5px;vertical-align:middle;
}
.tablecalculator td:hover
{
	background-color:rgb(104,135,188);
}

.simplehover:hover
{
	background-color:rgb(122,147,187);
	color:rgb(255,255,255);
}
.tableheadlist{width:5px;height:auto;padding-left:2px;}

.templatewidget {margin-left:3%;border:1px solid rgb(24,50,91);margin-bottom:10px;padding:5px;color:rgb(24,50,91);font-weight:bold}

.templategeneral{clear;both;border:1px solid rgb(24,50,91);margin-bottom:10px; padding:5px; color:rgb(24,50,91); font-weight:bold}

/* for rate in detail area */
table.tableRateShop
{
    width: 100%;
	border: 2px solid  blue; 
	margin-top:7px;
}

table.tableRateShop th
{
    color:                      white; 
    font-size:                  14px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
    background-color:           blue;
    padding:                    7px;
    text-align:                 center;
	
	height: 20px; 
}

table.tableRateShop td
{
    padding: 2px;
	/* height: 18px; 
	width: 115px;*/ 
	/*text-align:center;*/
}

table.tableRateShop tbody tr
{
	width:                      100%;
    font-size:                  12px;
    color:                      black;
	height: 30px; 
	width: 500px; 
	cursor:                 pointer;
}

table.tableRateShop tr.hover
{
    background-color:           rgb(0,128,192);
}

table.tableRateShop tr.even
{
    background-color:           rgb(255,255,255);
}

table.tableRateShop tr.odd
{
    background-color:           rgb(209,210,228);
}
.rateshopText1
{
    color:                     rgb(0,128,128);
    font-size:                  13px;
	font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
}
.rateshopText2
{
    color:                      rgb(0,128,128);
    font-size:                  13px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
}
.rateshopText3
{
    color:                      rgb(255,255,255);
    font-size:                  13px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
}
/*Hassan Haq June-03-16*/

#wrap	{
	width: 100%; 
	height: 20px; 
	margin-top: 10px; 
	margin-left: 10px;
	margin-right: 0px;
	z-index: 99; 
	position: relative; 
	background-color: #fff;
	}
.navbar	{
	height: 100%;
    padding: 0;
	margin: 0;
	position: relative; 
	border-right: 0px solid #fff; 
	cursor:pointer;
	}

.navbar li 	{
    
    width: 150px;  
    float: left;  
    text-align: center;
    list-style: none;  
    font: normal bold 12px/1.2em Arial, Verdana, Helvetica;  
    margin: 0px 10px 0px 0px;
    background-color:#18325b;
    border-radius: 4px;		
    padding: 5px 0; 
    /*border-left: 0px solid #0047b3; 
    border-right: 0px solid #0047b3;*/ 
    text-decoration: none;  
    color: white; 
    display: block;
}

.navbar li:hover{
    background-color: #385487;
	 padding: 5px 0; 
    
}

.navbar li ul 	{
		display: none; 
		/*height: 5px;*/									
		margin: 0px; 
		
		}				

.navbar li:hover ul 	{
        display: block; 
        border-radius: 4px;
}

.navbar li ul li {
    background-color: #687dbc;
	height: 15px;
    margin: 0px 0px 0px 0px;
    border-radius: 4px;
    /*border-left: 0px solid #4d4e8c; 
    border-right: 0px solid #4d4e8c;*/ 

    border-top: 1px solid #18325b; 
    border-bottom: 1px solid #18325b;
	padding-left: 5px;
    text-align:left
    
} 
				
.navbar li ul li:hover	{
    background-color: #939fd0;
    border-radius: 4px;
}

.menutdstyle
{
	vertical-align:middle;
	background-color:rgb(24,50,91);
	color:           rgb(255,255,255);
	text-align:                 center;
    cursor:                     pointer;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  10px;
    font-weight:                bold;
    line-height:                22px;
	padding-left:               0px;
	padding-right:              0px;
	width:                      80px;

}
.menutdstyle:Hover
{
	vertical-align:      middle;
	background-color:    rgb(184,210,2511);
	color:               rgb(0,0,0);
}

.menutdstyle2
{
	vertical-align:middle;
	background-color:rgb(24,50,91);
	color:           rgb(255,255,255);
	text-align:                 center;
    cursor:                     pointer;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  12px;
    font-weight:                bold;
    line-height:                22px;
	padding-left:               0px;
	padding-right:              0px;
	width:                      80px;

}
.menutdstyle2:Hover
{
	vertical-align:      middle;
	background-color:    rgb(184,210,2511);
	color:               rgb(0,0,0);
}


.selecteddetail
{
	background-color: 		rgb(150,200,255);
}	

.detailhead
{
	text-align:left;
	padding-left:250px;
	font-size:16px;
	font-family: arial, verdana;
}
#popupofshiprequest
{
    display:                block;
    position:               absolute;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                200;
    width:                  300px;
    background-color:       #fff; 
	top:					50px; 
	left:                   380px;
	margin-right:auto;
	border:				        10px double <?=$clabel?>;
	border-top:				    10px double <?=$clabel?>;
	border-right:				10px double <?=$clabel?>;
	border-left:				10px double <?=$clabel?>;
	border-radius: 12px;
	padding-top: 5px;
	padding-bottom: 0px;
}

#popupofshiprequest2
{
    display:                block;
    position:               relative;
    _position:              absolute; /* hack for internet explorer 6*/
    z-index:                200;
    width:                  300px;
    background-color:       #fff; 
	top:					100px; 
	margin-left:300px;
	margin-right:auto;
	border:				        10px double <?=$clabel?>;
	border-top:				    10px double <?=$clabel?>;
	border-right:				10px double <?=$clabel?>;
	border-left:				10px double <?=$clabel?>;
	border-radius: 12px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.selectedrow
{
	background-color: rgb(190,190,255);
}
.option:hover
{
	background-color:rgb(230,230,230);
}	

.rowhover{}
.rowhover:hover
{
	background-color:rgb(130,230,255);
}
.minibutton
{
	padding-left:3px;padding-right:3px;width:15px;text-align:center;border:1px solid #bbbbbb;float:right;
}