/*
------------------------------------------------------------------
Master Stylesheet

Project:    Cargoez Complete Shipping Solutions
Version:    1.0
Last change:    10/07/08
Assigned to:    Mos Internet Technologies
Primary use:    Index-Cargoez
------------------------------------------------------------------


-------------------------------------------
        Color Codes
- - - - - - - - - - - - - - - - - - - - - -
Dark Grey (text): #333333
Light Grey (links): #999999
Dark Blue (headings, links) #000066
Mid Blue (header) #333399
Light Blue (top navigation) #CCCCFF
Mid Grey: #666666


-------------------------------------------
        Color Codes
- - - - - - - - - - - - - - - - - - - - - -
Background: #ffffff (white)
Content:    #1e1e1e (light black)
Header h1:  #9caa3b (green)
Header h2:  #ee4117 (red)
Footer:     #b5cede (dark black)

a (standard):   #0040b6 (dark blue)
a (visited):    #5999de (light blue)
a (active): #cc0000 (pink)


-------------------------------------------
        Typography
- - - - - - - - - - - - - - - - - - - - - -
Body copy:      1.2em/1.6em Verdana, Helvetica, Arial, Geneva, sans-serif;
Headers:        2.7em/1.3em Helvetica, Arial, "Lucida Sans Unicode", Verdana, sans-serif;
Input, textarea:    1.1em Helvetica, Verdana, Geneva, Arial, sans-serif;
Sidebar heading:    1.5em Helvetica, Trebuchet MS, Arial, sans-serif;


-------------------------------------------
Cez Table Of Contents 
- - - - - - - - - - - - - - - - - - - - - -
    1.  Body
    2.  Header
        2.1  Header Blue
        2.2  Header Red
        2.3  Header Green
    3.  Image
    4.  Links
        4.1  Upper Three Colored Menu
    5.  Main Body
        5.1  Upper
        5.2  Middle
    6.  Form Fields - Textboxes, Dropdowns...
    7.  Typography
    n.  Footer
    n.  Custom Paddings
-------------------------------------------------------------------*/




/*-------------------------------
    1.  Body
--------------------------------*/
        body {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            padding: 0px;

}
        .body_width {
            width: 1000px;
}

/*-------------------------------
    2.  Header(s) Changes by colored menu links.
--------------------------------*/
        .header_blue {
            background: url('../images/body_bg_blue.gif');
            background-repeat: repeat-x;
            height: 180px;
            max-width: 100%;
            min-width: 1000px;
            margin-bottom: -38px;

}
        .header_red {
            background: url('../images/body_bg_red.gif');
            background-repeat: repeat-x;
            height: 180px;
            max-width: 100%;
            min-width: 1000px;
            margin-bottom: -38px;

}
        .header_green {
            background: url('../images/body_bg_green.gif');
            background-repeat: repeat-x;
            height: 180px;
            max-width: 100%;
            min-width: 1000px;
            margin-bottom: -38px;
}
        .header_gray {
            background: url('../images/body_bg_gray.gif');
            background-repeat: repeat-x;
            height: 180px;
            max-width: 100%;
            min-width: 1000px;
            margin-bottom: -38px;
}

/*-------------------------------
    3.  Image
--------------------------------*/
        img {
            border: 0;
}
        .upper_company_logo {
            margin-top: 17.5px;
}
        .login_button {
            margin-bottom: 40px;
            margin-left: 380px;
}
        .adv_button {
            margin-bottom: 35px;
            margin-left: 50px;
}
        .feedback_logo { /* Position has bug */
            margin-left: 650px;

}
        .bottom_company_logo {
            margin-top: 50px;
}

/*-------------------------------
    4.  Links & Typography
--------------------------------*/
        .upper_menu { /* Position */
            margin-left: 550px;
}
        .link_footer { /* Style Details */
            font-family: Helvetica, Trebuchet MS, Arial, sans-serif;
            font-size: 0.8em;
            text-decoration: none;
            color: #333399;
}
        .link_footer:hover { text-decoration: none; font-weight: none; font-style: none; color: #666666; }
        .link_footer:visited { text-decoration: none; color: #333333; }
        .link_footer:active { text-decoration: none; color: #333333; }

        .link_upper_alert { /* Style Details */
            font-family: Helvetica, Trebuchet MS, Arial, sans-serif;
            font-size: 0.8em;
            text-decoration: none;
            color: red;
}
        .link_upper_alert:hover { text-decoration: none; font-weight: none; font-style: none; color: red; }
        .link_upper_alert:visited { text-decoration: none; color: red; }
        .link_upper_alert:active { text-decoration: none; color: red; }


        .header_type_1 {
            font-family: Helvetica, Arial, "Lucida Sans Unicode", Verdana, sans-serif;
            font-size: 1.4em;
            text-decoration: none;
            color:#5097B3;
            text-float: left;
            padding-left: 10px;
            font-weight: bold;
}
        .detail_type_1 {
            font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
            font-size: 10px;
            text-decoration: none;
            color: #222222;
            text-float: left;
            padding-left: 10px;
}
        .quick_links_hdr_high {
            font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
            font-size: 1.2em;
            text-decoration: none;
            color: #5097B3;
            text-float: left;
            padding-left: 10px;
            font-weight: bold;

}       .quick_links_hdr {
            font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
            font-size: 11px;
            text-decoration: none;
            color: #111111;
            text-float: left;
            padding-left: 10px;
            font-weight: bold;
}
        .quick_links {
            font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
            font-size: 10px;
            text-decoration: none;
            color: #555555;
            text-float: left;
            margin-left: 3px;
}
        .quick_links:hover { text-decoration: none; font-weight: none; font-style: none; color: #555555; }
        .quick_links:visited { text-decoration: none; color: #888888; }
        .quick_links:active { text-decoration: none; color: #888888; }

        .logout_style { 
            margin-bottom: 40px;
            margin-left: 350px;
            margin-top: 5px;
}
        .logout_style { /* Style Details */
            font-family: Helvetica, Trebuchet MS, Arial, sans-serif;
            font-size: 0.8em;
            text-decoration: none;
            color: white;
            font-weight: bold;
}
        .mover_header{
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #555555;
            text-decoration: none;
            font-weight: bold;	
            text-align: left;
}
/*-------------------------------
    5.  Main Body
--------------------------------*/
        div#content {
            max-width: 100%;
            clear: left;
            position: static;
			width: 1000px;
            padding-left: 260px; 
}
        div#content2 {

			min-width: 1000px;
            clear: left;
            position: static;
			width: 1000px;   
}

        #content2 .col_u_1 {
            float: left;
            width: 32%;
}

        #content2 .col_u_2 {
            float: left;
            width: 36%;
}
        #content2 .col_u_2 {
            float: left;
            width: 36%;
}

        #content2 .col_u_3 {
            float: left;
            width: 32%;
}
        .main_form_1 {
            width: 1000px;
}

        #content2 .col_m_1 {
            float: left;
            width: 249px;
            margin-left: 1%;
            padding-top: 10px;
}
        #content2 .col_m_2 {
            float: left;
            width: 736px;
            padding-top: 10px;
}
        .header_type_1 {
            float: left;
}
        .detail_type_1 {
            float: left;
}
        #content2 .sc_1 {
            float: left;
            width: 350px;
            background: url('../images/intl_bg.gif');
            height: 155px;
            margin-left: 10px;
}

        #content2 .sc_2 {
            float: left;
            width: 350px;
            background: url('../images/inland_bg.gif');
            height: 155px;
            margin-left: 15px;
}
        #content2 .sc_container {
            margin-left: 0px;
}
        .sc_det_1 {
            padding-top: 40px;
            padding-left: 25px;
            position: absolute;
            font-weight: bold;
            color: #444444;
}
        .sc_det_2 {
            padding-top: 40px;
            padding-left: 25px;
            position: absolute;
            font-weight: bold;
            color: #444444;
}
        .quick_links {
            padding-left: 15px;
}
        #content2 .resources {
            padding-top: 75px;
            height: 82px;
            background: url('../images/int_slct_cnt.gif');

}
        .fast_moving_body {
            margin-top: px;
}

        .fast_body_inner_1
{
            width: 500px;
            margin-top: -20px;
}
        .fast_body_inner_2 {
            
            width: 500px;
            position: ;
            padding-right:400px;


}
        .fast_inner_2_right {
            margin-left: 100px;
}
        div#mover_admin_upper {
            background: url('../images/admin_upper.gif');
            width: 925px;
            height: 90px;
            margin-top: -42px;
            text-align: left;

}
        .mover_upper_image {
            position:absolute;
            margin-left: -188px;
            margin-top: -34px;

}
        .mover_1 {
            float: left;
            width: 200px;
            left: 75px;
			padding-left: 40px;
            margin-top:10px;
            margin-bottom:30px;
}

        .mover_2 {
			position: relative;
            float: left;
            width: 600px;
            text-align: left;
            margin-left: 15px;
            padding-top: 10px;
}
        .mover_contact_1 {
            float: left;
            width: 300px;
            margin-left: 2px;
            margin-top: 5px;

}

        .mover_contact_2 { 
		    float: left;
		    position: absolute;
            text-align: left;
            padding-left: 5%;
			left: 5px;
			margin-left: 280px;
            margin-top: 33px;
}
        .mover_contact_lead { 
		    float: left;
            position: absolute;
            top: 50px;
			left: 350px;
}

        .lead_types {
            position: absolute;
            margin-left: 10px;
            margin-top: -160px;
}
/*-------------------------------
    6.  Form Fields
--------------------------------*/
        .textinput {
            margin-top: 5px;
            margin-left: 5px;
}
        .dropdown {
            margin-top: 5px;
            margin-left: 5px;
}
        .submit_index {
            margin-top: 10px;
}
        .dropdown_middle {
            margin-top: 5px;
}
        .seperator {
            margin-left: -8px;
}
        div#field_form{
            width: 700px;
            font-family:Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size:14px;
            color:#0985b3;  
            text-decoration: none;
            font-weight: none;
			padding-right: 120px;
		
            
}
        div#textbox{
            width: 650px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #333333;
            text-decoration: none;
            font-weight: none;	
            padding-top: 2px;
            padding-bottom: 2px;
            text-align: left;
}
        div#textbox3{
            width: 480px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #333333;
            text-decoration: none;
            font-weight: none;	
            padding-top: 2px;
            padding-bottom: 2px;
            text-align: left;
}
        div#textbox4{
            width: 330px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #333333;
            text-decoration: none;
            font-weight: none;	
            padding-top: 2px;
            padding-bottom: 2px;
            text-align: left;
}
        div#textbox5{
            width: 330px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #333333;
            text-decoration: none;
            font-weight: none;	
            padding-top: 2px;
            padding-bottom: 2px;
            text-align: left;
}
        div#textboxmessage{
            float: right;
            width: 100px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #333333;
            text-decoration: none;
            font-weight: none;
            margin-left: 70px;
}
        .style_input_textarea_select {
            border: 1px solid #aaaaaa;
            background: url(../images/inputBg.gif) top left no-repeat;
            margin-left: 20px;
}
        .style_input_textarea_select2 {
            border: 1px solid #aaaaaa;
            background: url(../images/inputBg.gif) top left no-repeat;
}
        div#textboxheader_blue {
            float: left;
            width: 670px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #3d83a1;
            text-decoration: none;
            font-weight: none;	
            padding-top: 5px;
            padding-bottom: 3px;
            text-align: left;
}
        div#textboxheader_red{
            float: left;
            width: 670px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #de004d;
            text-decoration: none;
            font-weight: none;	
            padding-top: 5px;
            padding-bottom: 3px;
            text-align: left;
}
        div#textboxheader_green {
            float: left;
            width: 670px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #a7da00;
            text-decoration: none;
            font-weight: none;	
            padding-top: 5px;
            padding-bottom: 3px;
            text-align: left;
}

        div#textboxheaderhigh{
            float: left;
            width: 670px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #222222;
            text-decoration: none;
            font-weight: none;	
            padding-top: 5px;
            padding-bottom: 3px;
            text-align: left;
}
        div#textboxheaderhigh_green{
            float: left;
            width: 670px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 18px;
            color: #a7da00;
            text-decoration: none;
            font-weight: bold;	
            padding-top: 5px;
            padding-bottom: 3px;
            text-align: left;
}
        div#textboxheaderhigh_red{
            float: left;
            width: 700px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 18px;
            color: #de004d;
            text-decoration: none;
            font-weight: bold;	
            padding-top: 5px;
            padding-bottom: 3px;
            text-align: left;
}
        div#textboxheaderhigh_blue{
            float: left;
            width: 670px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 18px;
            color: #3d83a1;
            text-decoration: none;
            font-weight: bold;	
            padding-top: 5px;
            padding-bottom: 3px;
            text-align: left;
}
        div#textbox span.label {
            float: left;
            width: 180px;
            text-align: left;
            position:static;
}
        div#textbox span.label2 {
            float: left;
            width: 120px;
            text-align: left;
            position:static;
}
        div#textbox4 span.label2 {
            float: left;
            width: 120px;
            text-align: left;
            position:static;
}
        div#textbox span.label3 {
            text-align: left;
            background: url(../images/test_3.gif);
            width: 180px;
            float:left;
            height: 20px;
}
        div#textbox5 span.label3 {
            text-align: left;
            background: url(../images/test_3.gif);
            width: 180px;
            float:left;
            height: 20px;
}
        .label4 {
            text-align: left;
            width: 110px;
            float:left;

}
        div#textbox span.label_with_bg {
            float: left;
            width: 180px;
            height: 20px;
            text-align: left;
            position:static;
            background: url(../images/test_3.gif);
}
        div#textbox4 span.label_with_bg {
            float: left;
            width: 180px;
            height: 20px;
            text-align: left;
            position:static;
            background: url(../images/test_3.gif);
}
        div#absolute_detail{
            position: absolute;
			float:left;
            width: 300px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #333333;
            text-decoration: none;
            font-weight: none;	
            top: 250px;
            margin-left: 535px;
            text-align: left;           
}
        .label_mover_admin {
            margin-left:px;
            width: 100px;
            text-align: left;
            margin-left:px;
}
        div#absolute_detail2{
            position: absolute;
			float:left;
            width: 300px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #333333;
            text-decoration: none;
            font-weight: none;	
            margin-top: -520px;
            margin-left: 535px;
            text-align: left;
           
}
        div#mover_upper{
            width: 700px;
            font-family: Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #333333;
            text-decoration: none;
            font-weight: none;	
            padding-top: 15px;
            padding-left: 200px;
            text-align: left;
}
        div#list {
            width: 120px;
}
        div#list_wide {
            width: 100px;
}
        div#all_lines {
            width: 350px;
            margin-top:50px;
            padding-left:200px;
}
        .with_border {
            text-align: left; 
            width: 100%;
            border="1px";
 			cell-padding: "2";
            cell-spacing: "2";
            border-color: "red red red red";
        }
/*-------------------------------
    7.  Typography
--------------------------------*/
        .header_type_1 {
            font-family: Helvetica, Arial, "Lucida Sans Unicode", Verdana, sans-serif;
            font-size: 1.4em;
            text-decoration: none;
            color:#5097B3;
            text-float: left;
            padding-left: 10px;
            font-weight: bold;
}
        .detail_type_1 {
            font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
            font-size: 10px;
            text-decoration: none;
            color: #222222;
            text-float: left;
            padding-left: 10px;
}
        .quick_links_hdr {
            font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
            font-size: 11px;
            text-decoration: none;
            color: #111111;
            text-float: left;
            padding-left: 10px;
            font-weight: bold;
}
        .quick_links {
            font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
            font-size: 10px;
            text-decoration: none;
            color: #555555;
            text-float: left;
            padding-left: 5px;
}
        .admin_header {
            font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
            text-decoration: none;
            color: white;
            font-weight: bold;
            padding-left: 10px;
            padding-top: 3px;
            position: absolute;
}


/*-------------------------------
    n.  Footer
--------------------------------*/
        .footer_menu {
            margin-left: 20%;
}
        .footer {
			/* No class yet */
}

/*-------------------------------
    n. Custom Paddings (useless for other styles!)
--------------------------------*/
        .padding_20px { /* Footer Menu Links - General */
            padding-left: 20px;
}
        .padding_art { /* Footer Menu Links */
            padding-left: 59px;
}
        .padding_special { /* Footer Menu Links */
            padding-left: 16px;
}
        .padding_fast { /* Footer Menu Links */
            padding-left: 23px;
}
        .padding_auto { /* Footer Menu Links */
            padding-left: 56px;
}
        .padding_piano { /* Footer Menu Links */
            padding-left: 44px;
}
        .pad_1 {
            padding-left: 10px;
            padding-top: 10px;
}
        .margin_top {
            margin-top: 30px;
}
        .padding_general_left {
            margin-left: 150px;
}