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;
}


img.ImageClass{ 

 position:relative;
 left:0px; 
 top:0px;
 width:100%;
 height:100%;
	border-bottom:				0px solid #ffffff; /*added*/
	border-right:				0px solid #ffffff; /*added*/
	border-top:				    0px solid #ffffff; /*added*/
	border-left:				0px solid #ffffff; /*added*/
	border-bottom-right-radius: 25px; /*added*/
	border-bottom-left-radius: 25px; /*added*/
	border-top-right-radius: 25px; /*added*/
	border-top-left-radius: 25px; /*added*/
	
}

.globeImage
{
    width:                     800px;
    height:                    360px;
    margin-left:                auto;
    margin-right:               auto;
	
	position: relative;
	top:10px;
	left:0px;
	
	border-bottom:				1px solid #ffffff; /*added*/
	border-right:				1px solid #ffffff; /*added*/
	border-top:				    1px solid #ffffff; /*added*/
	border-left:				1px solid #ffffff; /*added*/

	background-attachment: scroll;
}

/*@font-face
{
font-family: ITC Stone1;
src: url('../fonts/itc-stone-sans-lt.ttf'),
     url('Sansation_Light.eot');  IE9+ 
}

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

img
{
    border:                     0px;
}

.text1
{
    color:                      #fff;
    font-size:                  12px;
    font-weight:                bold;
}

.text2                          
{
    color:                      #525858;
    font-size:                  14px;
    font-weight:                bold;
}

.text3                          
{
    color:                      #fff;
    font-size:                  13px;
    font-weight:                bold;
}

.text4                          
{
    color:                      #525858;
    font-size:                  12px;
    font-weight:                bold;
}

.text4a                          
{
    color:                      #525858;
    font-size:                  12px; 
}

.text5                          
{
    color:                      #fff;
    font-size:                  15px;
    font-weight:                bold;
}

.text6                          
{
    color:                      #888888;
    font-size:                  11px;
}

.text7                          
{
    color:                      #888888;
    font-size:                  12px;
}

.text8                          
{
    color:                      #fff;
    font-size:                  13px;
}

.text9                          
{
    color:                      #525858;
    font-size:                  13px;
    font-weight:                bold;
	text-align:right;
}

.text10                          
{
    color:                      red;
    font-size:                  13px;
    font-weight:                bold;
}



.text12                          
{
    color:                      green;
    font-size:                  13px;
    font-weight:                bold;
}

.text13                          
{
    color:                      green;
    font-size:                  12px;
}





.text16 
{
    color:                      #fff;
    font-size:                  13px;
    font-weight:                bold;
}

.text17 
{
    font-size:                  11px;
}

.text18 
{
    color:                      #fff;
    font-size:                  11px;
    font-weight:                bold;
}

.text19                          
{
    color:                      #000;
    font-size:                  13px;
}



/* Link Properties */
a.link1:link 
{
    color:                      #525858;
    text-decoration:            none;
    font-weight:                bold;
}

a.link1:visited 
{
    color:                      #525858;
    text-decoration:            none;
    font-weight:                bold;
}

a.link1:hover 
{
    color:                      #525858; 
    text-decoration:            none;
    font-weight:                bold;
}

a.link1:active 
{
    color:                      #525858;
    text-decoration:            none;
    font-weight:                bold;
}

a.link2:link 
{
    color:                      #fff;
    text-decoration:            none;
    font-weight:                bold;
}

a.link2:visited 
{
    color:                      #fff;
    text-decoration:            none;
    font-weight:                bold;
}

a.link2:hover 
{
    color:                      #fff; 
    text-decoration:            none;
    font-weight:                bold;
}

a.link2:active 
{
    color:                      #fff;
    text-decoration:            none;
    font-weight:                bold;
}

a.link3:link 
{
    color:                      #525858;
    text-decoration:            underline;
    font-weight:                bold;
}

a.link3:visited 
{
    color:                      #525858;
    text-decoration:            underline;
    font-weight:                bold;
}

a.link3:hover 
{
    color:                      #525858; 
    text-decoration:            none;
    font-weight:                bold;
}

a.link3:active 
{
    color:                      #525858;
    text-decoration:            underline;
    font-weight:                bold;
}

a.link4:link 
{
    color:                      #384DA0;
    text-decoration:            none;
    font-weight:                bold;
	font-size:                  15px;
}

a.link4:visited 
{
    color:                     #384DA0;
    text-decoration:            none;
    font-weight:                bold;
	font-size:                  15px;
}

a.link4:hover 
{
    color:                       #4C82C3;
    text-decoration:            none;
    font-weight:                bold;
	font-size:                  15px;
}

a.link4:active 
{
    color:                       #384DA0;
    text-decoration:            none;
    font-weight:                bold;
	font-size:                  15px;
}

.topHeader
{
    height:                     30px;
    background-color:           #525858;
}

.loginHeader
{
    height:                     30px;
}

.text4x                         
{
    color:                      #384DA0;
    font-size:                  12px;
    font-weight:                bold;
	font-family:                Trebuchet MS, arial, verdana;
	
}				

.footer                /*to be changed by company*/
{
    height:                     25px;
    
    background-color:	#2559B1;
    margin-top:         15px;
	width: 				100%;
	top:				0px;
	left:				0px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	/*border-top-right-radius: 22px;
	border-top-left-radius: 22px;*/
	text-align:center;
}

.footerText
{
    padding-top:                0px;
    padding-left:               0px;
}

.tableFull
{
    width:                      100%;
}

.tableFull th
{
    color:                      #bbbbbb;
    background-color:           #525858;
    padding:                    2px;
    text-align:                 left;
}

.tableFull td
{
    padding:                    2px;
}

.tableFull tr
{
    font-size:                  12px;
    color:                      #888888;
}

.tableFull tr.hover
{
    background-color:           #bbbbbb;
}

.tableFull tr.even
{
    background-color:           #e8e8e8;
}

.tableFull 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:                      210px;
    border-left:                1px solid #bbbbbb;
    border-right:               1px solid #bbbbbb;
}

.navBarRow
{
    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;
}

.navBarRowHover
{
    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;
}

.navSelected
{
    background:                 transparent url(../images/navRowBgSelected.png) repeat;
}

.navRowSubMenu
{
    position:                   absolute;
    display:                    none;
    margin-left:                212px;
    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;
}

.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;
}

ul.dropDown li.notSelected
{

}

.grey_background
{
     background-color:           #EBEBEB;    
}

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

.breadcrumb
{
    padding:                    3px;    
}

.tab1
{
    height:                     27px;
    background-image:           url(../images/roundedHeader1Repeat.jpg);
    background-repeat:          repeat;
}

.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;
}

.tab1Text2
{
    float:                      left;
    padding-top:                3px;
    padding-left:               10px;
}
                
.mainContent
{
    margin-top:                 5px;
}
                
.leftContent
{
    float:                      left;
    width:                      212px;
    padding-left:               5px;
    padding-right:              5px;
}

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

.leftTopHeader
{
    float:                      left;
    padding-top:                0px;
    padding-left:               5px;
}



.logout
{
    float:                      right;
    padding-right:              10px;
    padding-top:                4px;    
}

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

.followus
{
padding-left:47%;
}
img.fade:hover {
    opacity: 2 !important;
    filter:alpha(opacity=200); /* For IE8 and earlier */
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s; /* for Safari */
}


.loginBar
{
    height:                     1500px; /*edited*/
    background-image:           url(../images/MAXXAMLoginColorBand.png);
	background-position:		10% 5%; /*edited*/
    background-repeat:        	repeat-x;
	background-attachment:		scroll;
	position:relative;
	left:0px;
	top:-50px;
}

.loginBar1
{
   height:            80px; /*edited*/
   background-color:  rgb(255,255,255);
   color:             #2559B1;
}


#UFMSlink
{

  font-family: Trebuchet MS, arial, verdana;
  font-size:  12px; 
  font-style:    normal;
  font-weight: 700;
  text-decoration: none;
  color: #FFFFFF;
  position:relative;
top:3px;


} 

#SPGlink
{
  display:block;
  
  color: blue;
  margin-left:                auto;
  margin-right:               auto;
  position:relative;
  left:0px;
  top: 0px;
  width:100%;
  height:auto;
  background-color: transparent;
 
} 


.Welcometxt
{
  font-family: Trebuchet MS, arial, verdana;
  font-size:  20px; 
  font-style:    normal;
  font-weight: bolder;
  text-align:center;
  position:relative;
 
}



.text_right_top_input                         
{
    font-size:                  16px;
    font-weight:				900;
    font-family:                Trebuchet MS, arial, verdana;
    font-style:    				normal;
}

.rightTopHeader
{
    padding-right:              0px;
    padding-top:                4px;
	position:relative;
	position:relative;
}
.loginboxhead
{
	text-align:center;
	color:white;
	background-color:#427dd7;
	line-height:30px;
	font-size:18px;
}	

fieldset.login
{
    width:                      430px;
    /*height:                     175px;*/
    
	position: relative;
	top:0px;
	left:0px;
	padding:0px;
	
    background-color:           #99D9EA;           /*to be changed  by company*/   
	border:				4px solid #E43039;         /*to be changed  by company*/
	
}

.logintext
{
	border:				1px solid #FFD53D;
	
	width:                      285px;
	height:                     30px;
	
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  16px;
    font-weight:                normal;
	
	
}

.button
{
    height:                     35px;

	background-color:			#4F5F81;  // to be changes by company
    cursor:                     pointer;
    margin-left:                0px;
    
    color:                      #FFFFFF;
	font-family:                Trebuchet MS, arial, verdana;
    font-size:                  15px;
    font-weight:                bold;
    line-height:                22px;
	width: 200px;
	
	border-bottom-right-radius: 5px;
	border-top-right-radius:    5px;
	border-bottom-left-radius:  5px;
	border-top-left-radius:     5px;
}


.button1Text1
{
    text-align:                 center;
    padding-left:               5px;
    padding-right:              5px;
}

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

.positionElements 
{
	position: relative;
	top:25px;
	left:15px;
}
.positionButton {

	position: relative;
	top:-24px;
	left:590px;

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


.loginError
{
    height:                     20px;

	position: absolute;
	left:235px;
	position: absolute;
	top:50px;
}

.text11                          
{
    color:                      red;
    font-size:                  17px;
	font-family:                Trebuchet MS, arial, verdana;
	font-style:    normal;
	font-weight: 700;
}

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


                      
fieldset
{
    border:                     1px solid #bbbbbb;
    padding:                    0px;
    margin:                     0px;
}

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

.fieldsetContent
{
    clear:                      both;
	padding:25px;
}

.panel1
{
    width:                      auto;
    height:                     22px;
    background-color:           #e8e8e8;
    padding:                    5px;    
}

.panel1Label
{
    float:                      left; 
    padding-right:              10px; 
    width:                      100px; 
    font-size:                  12px; 
}

.form1C
{
    background-color:           #e8e8e8;
    clear:                      both;
    height:                     100%;
    margin:                     5px;
    overflow:                   hidden;
    padding:                    5px;
}

.form1
{
    float:                      left;
    width:                      790px;
    height:                     auto;
    padding:                    5px;
}

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

.row2 
{
    float:                      left;
    width:                      790px;
}

.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;
}

.rightRow1 
{
    float:                      left;
    /* width:                      268px; */
    height:                     40px;
}

.rightRow2 
{
    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.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;
}

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




.loginFormC
{
    background-color:           #339900; /*added*/
    height:                     18px;
    margin:                     5px;
    padding:                    5px;
}

.loginFormC1
{
    background-color:           #fff;
    height:                     0px;
    margin:                     0px;
    padding:                    0px;
}





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

.dropDownArrow 
{
    float:                      left;
    width:                      20px;
    height:                     20px;
    background-image:           url(../images/dropDownArrow.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:           #3399ff;
}

.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:                      1000px;
    height:                     auto;
    padding-bottom:             5px;
}

.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 *****************************/
.section1HeaderC 
{
    float:                      left;
    width:                      800px;
    height:                     20px;
    background-color:           #525858;
}

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

.section2HeaderC 
{
    float:                      left;
    width:                      395px;
    height:                     20px;
    background-color:           #525858;
}

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

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

.panel2 
{
    float:                      left;
    width:                      393px;
    height:                     auto;
    background-color:           #ebebeb;
    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:           #ebebeb;
    border:                     1px solid #BBBBBB;
    padding-top:                10px;
    padding-bottom:             10px; 
}

.panel4
{
    background-color:           #ebebeb;
    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-right:              0px;
    padding-top:                2px;
    padding-right:              5px;
}

.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:           #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:           #525858;          
}

.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:       #000000;
    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;
}

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

#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:       #E8E8E8;
    padding-top:            5px;
    color:                  #525858;
    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:       #E8E8E8;     
}

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

.messageBoxCaption 
{
    text-align:             center;
    height:                 25px;
    width:                  340px;
    margin:                 10px;
    background-color:       #E8E8E8;
    padding-top:            5px;
    color:                  #525858;
    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:       #E8E8E8;     
}

.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:       #E8E8E8;     
}

.noticeContentTextC 
{
    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:                  #525858;
}

.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;
}

/*
.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: #0054E3;
}
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: #99CCFF;
  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;
}
  
.selectlanguage
{
	color: #2559B1;
	font-weight:bold;	
}
.loginform
{
	padding: 20px;
	height:        85px;
	background-color: #2559B1;
}	

.cologo
{
	max-width:240px;
	max-height:70px;
	padding:    5px;
	
}