body {
	margin:0
    }
    
    #container{ 
      width:800px;
      margin-left:auto;
      margin-right:auto;
      border:1px solid #336699 /* */;
      letter-spacing: .06em;
      font-family: Arial, Verdana, Sans-Serif;
      font-size: 12px;
      line-height: 1em;
      color: #333333;
    }
    
    .Body {
      position:relative;}
    
    h4 b { 
      color:#073aa6;
    }
    
    /**********************
     Utility
     ******************/
    .borders { border: 1px solid red; }
    .both { clear:both;  }
    .center{ text-align:center;}
    .flash-border { 
      border-bottom:10px solid #336699 /* */; 
    }
    
    #content-area {
      margin:0px 15px 15px 15px !important;
      margin:0px;
    }
    
    .accent-color { background:#73b257; }
    #content-area { 
      padding:5px;
    }
    
    #content-area td, .copyright  { 
      font:12px Arial, Helvetica, sans-serif;
    }
    
    
    table#travelers-box {
      border:1px solid black;
      border-spacing:2px;
      padding:3px;
      border-collapse:collapse;
      margin-left:auto;
      margin-right:auto;
    }
    table#travelers-box th{
      text-align:center;
      border-bottom:1px solid black;
      border-top:1px solid black;
      border-left:none;
      border-right:none;
      border-spacing:2px;
      width:8em;
      color:#073aa6;
    }
    table#travelers-box td{
      border-bottom:1px solid black;
      border-top:1px solid black;
      border-left:none;
      border-right:none;
      font-weight:bold;
      text-align:center;
      color:#000000;
      padding:5px;
    }
    #heading h2 { 
      color:#ffffff;
      padding-left:30px;
      font-size:1.5em;
      position:relative;
      top:.5em;
    }
    #homepage-right-column h2 {
      background:url(../images/arrow-orbitz.gif)  no-repeat 0% 50%;
      padding-left:18px;
      font-size:1.4em;
      font-weight:bold;
    }
    #homepage-right-column{
      float:left;
      width:355px;
      margin:-10px 0px 10px 10px;
    }
		
    #masthead{
      background:url(../images/berkely-logo.jpg) #FFFFFF no-repeat 536px 50%;
      border-bottom:5px solid #ED1C2E;
    }
    #nav { 
      position:relative;
      font-size:.9em;
      background:#EAF0F5;
	  margin-top:4px;
      margin-left:auto; 
      margin-right:auto;
	  border: solid #336699;
	  border-width:0 1px 1px 1px
    }
    #nav td{ 
      border-right:1px solid #336699;
    }
    #nav td.last { border-right:none; }
    #nav td a {
      display:block;
      color:#336699;
      font-weight:bold;
	  padding:8px;
	  text-decoration:none
	   }
	   
    #nav td a:hover {
	  color:#fff;
	  background:#ED1C2E
		}
	   
    #partner-logo { 
      padding:10px 0px; 
    }
    #quote-box{
      width:395px;
      float:left;
    }
    
    #quote-box-heading, div.application_engine_headings{
      text-align:center;
      height:45px;
      padding-top:.25em;
    }
    
    #quote-box-heading h1, #quote-box-heading h3,
    h1.PageTitle,h3.ApplicationTitle{
      color:#13398c;
    }
    
    #quote-box-heading h3{
    
    }
    
    #quote-box-body,div.application_page{
      padding-top:18px;
      padding-right:13px;
      position:relative;
      left:-2px;
      line-height:120%;
    }
    #quote-box-body b {
      color:#0c37a8;
    }
    #quote-box-body br{ 
      line-height:80%; 
    }
    #quote-price-table {
      margin-left:auto;
      margin-right:auto;
      padding:10px;
      width:28em;
      font-family:Verdana,Arial, Helvetica, sans-serif;
      color:#000;
    }
    #quote-price-table th{
       padding:5px;
       font-weight:normal;
    }
    #quote-price-table td{
      padding:5px;
      font-weight:bold;
    }
    #quote-review-table {
    
    }
    #utility-nav{
      background-color:#336699 /* */;
      padding:5px 39px 10px 0px;
      color:white;
    }
    #utility-nav ul { 
      list-style-type:none;
      background-color:#073aa7;
    }
    #utility-nav li {
      border-right:1px solid #ffffff;
      padding:5px 7px;
      float:right;
      white-space:nowrap;
      background-color:#073aa7;
    }
    #utility-nav li.last {
      border-right:none;
      background-color:#073aa7;
      color: #ffffff;
    }
    #utility-nav a { 
      margin: 0 2px;
      display:block;
      text-align: center;
      color: #ffffff;
      background-color:#073aa7;
    }
    /* Rounded Box */
    
    .dialog {
     position:relative;
     margin:0px auto; 
     min-width:8em;
     max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
     color:#000;
     margin-left:15px; /* default, width of left corner */
     margin-bottom:0.5em; /* spacing under dialog */
    }
    
    .dialog .content,
    .dialog .t,
    .dialog .b,
    .dialog .b div {
     background: url(../images/border-trans-header.gif) #336699 no-repeat top right; 
    }
    
    .dialog.tall-header { width: 370px; float:left;}
    .dialog.tall-header .content,
    .dialog.tall-header .t,
    .dialog.tall-header .b,
    .dialog.tall-header .b div {
     background-image: url(../images/transparent-border-header-large.gif);
    }
    .dialog .content {
     position:relative;
     _overflow-y:hidden;
     padding:0px 15px 0px 0px;
    }
    
    .dialog .t {
     /* top+left vertical slice */
     position:absolute;
     left:0px;
     top:0px;
     width:25px; /* top slice width */
     margin-left:-25px;
     height:100%;
     _height:1600px; /* arbitrary long height, IE 6 */
     background-position:top left;
    }
    .dialog .b {
     /* bottom */
     position:relative;
     width:100%;
    }
    .dialog .b,
    .dialog .b div {
     height:35px; /* height of bottom cap/shade */
     font-size:1px;
    
    }
    .dialog .b {
     background-position:bottom right;
    }
    
    .dialog .b div {
     position:relative;
     width:25px; /* bottom corner width */
     margin-left:-25px;
     background-position:bottom left;
    }
    
    .dialog .hd,
    .dialog .bd,
    .dialog .ft {
     position:relative;
    }
    
    .dialog .wrapper {
     /* extra content protector - preventing vertical overflow (past background) */
     position:static;
     max-height:1000px;
     overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
    }
    
    .dialog h1,
    .dialog p {
     margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
     padding:0.5em 0px 0.5em 0px;
     line-height:20px;
    }
    
    p {
      
    }
    
    .dialog h1 {
     padding-bottom:0px;
     text-align:center;
    }
    
    .dialog h3 { 
      text-align:center;
    }
    .buttons {  
      text-align:center; 
    }
    .buttons a{   
      margin-left:auto;
      margin-right:auto; 
      line-height:12px; 
      cursor:pointer;
      color:#000;
      font-weight:bold;
      text-align:center;
      text-decoration:none;
    }
    .buttons table {  
      background:url(../images/button-gradient.jpg)  no-repeat 0% 60%; 
      margin-right:auto;
      margin-left:auto;
    }
    
    .buttons table:hover { background:#336699; }
    
    .round-btn{
     position:relative;
     margin:0px auto;
     min-width:8em;
     color:#000;
     margin-left:24px; /* default, width of left corner */
     font-weight:bold;
    }
    
    .round-btn .content-btn,
    .round-btn .t-btn,
    .round-btn .b-btn,
    .round-btn .b-btn div {
     background: url(../images/transparent-hairline-border.gif) #336699 no-repeat top right;
    }
    
    .round-btn .content-btn {
     position:relative;
     zoom:1;
     _overflow-y:hidden;
     padding:0px 28px 0px 0px;
     text-align:center;
    }
    
    .round-btn .t-btn {
     /* top+left vertical slice */
     position:absolute;
     left:0px;
     top:0px;
     width:24px; /* top slice width */
     margin-left:-24px;
     height:100%;
     _height:1600px; /* arbitrary long height, IE 6 */
     background-position:top left;
    }
    
    .round-btn .b-btn {
     /* bottom */
     position:relative;
     width:100%;
     background-position:bottom right;
     margin-top:-13px;
    }
    
    .round-btn .b-btn,
    .round-btn .b-btn div {
     height:24px; /* height of bottom cap/shade */
     font-size:1px;
    }
    
    .round-btn .b-btn div {
     position:relative;
     width:24px; /* bottom corner width */
     margin-left:-24px;
     background-position:bottom left;
    }
    
    td.rt-box{
      background: url(../images/rt-border.gif) #336699 no-repeat;
    }
    
    td.lt-box{
      background: url(../images/lt-border.gif) #336699 no-repeat;
    }
    
    td.rb-box{
    
      background: url(../images/rb-border.gif) #336699 no-repeat;
    }
    
    td.lb-box{
      background: url(../images/lb-border.gif) #336699 no-repeat;
    }
    
    td.rm-box{
      background: url(../images/rm-border.gif) #336699;
    }
    
    td.lm-box{
      background: url(../images/lm-border.gif) #336699;
    }
    
    td.ct-box{
      background: url(../images/ct-border.gif) #336699;
    }
    
    td.cb-box{
      background: url(../images/cb-border.gif) #336699;
    }
    
    td .rm-box,.lm-box{
      width:23px;
    }
    
    td .ct-box,.cb-box{
      height:22px;
    }
    
    td .lb-box,.rb-box,.rt-box,.lt-box{
      width:23px;
      height:22px;
    }
    td.cont-box > p{
      margin:0px; 
    }
    
    
    div.inner-highlightbox  {
      padding-top:8px;
      text-align:left;
      font-weight:normal;
    }
    
    div.inner-highlightbox img { 
      margin:5px;
    }
    div.inner-highlightbox div {
      border:2px solid #c9ccd3;
      padding:10px;
      margin:0px 10px 10px 10px;
      min-height:40px;
      line-height:125%;
    }
    div.inner-highlightbox ul{ 
      margin-left:14px;
    }
    div.inner-highlights-box ul li{ 
      margin:.1em;
    }
    
    /* Layout */
    .container{ 
      /* background-color:#9cc; */
      background-color:#FFFFFF;
      overflow:hidden;
      padding-left:185px; /* The width of the rail */
    }
    * html .container{
      height:1%; /* So IE plays nice */
    }
    
    
    #content{
        background:#fff;   
      width:100%;
      border-left:185px solid #eaf2f5;
      margin-left:-185px;
      float:right;
    }
    #content-area ul, #content-area ol {
      margin-left:45px;
    }
	
	#content-area  td.cont-box ul{
      margin:10px auto auto 20px !important;
      margin:auto auto auto 15px
      }
	
    #content-area div.padding { margin:10px; }
    
    /* Navigation */
    #navigation {
      background:#eaf2f5;
      width:185px;
      float:left;
      margin-left:-185px;
      display:inline; /* So IE plays nice */
    }
    #navigation br { 
      line-height:.5em;
    }
    #navigation ul {
      padding:0;
      list-style-type:none;
      margin:0;
      margin-left:15px;
    }
    #navigation li { 
    }
    
    /* #navigation li a:link, #navigation li a:visited  */
    #navigation li a{
     display: block;
     padding: 3px 3px 4px 10px;
     border-right:none;
     background-color:#eaf2f5;
     color: #000000;
     text-decoration: none;
     height:1%;
     font-weight:bold;
    
    } 
    
    #navigation li:hover a{
    }
    #navigation li a.current { 
      border-left:8px solid red; 
      padding-left:2px;
    }
    #navigation li a:hover {
      display:block;
      border-left: 8px solid #073AA7;
      padding-left:2px;
      padding-bottom:3px;
      border-bottom:1px solid #9cc0e4;
    } 
    #navigation ul li:hover ul li a {
      padding-left:10px;
    }
    #navigation ul li:hover ul li:hover a {
        border-left:8px solid #073AA7;
        padding-left:3px;
    }
    /* Second Level Navigation */
    #navigation ul ul li {
      margin:0;
    } 
    
    #navigation ul ul li:hover {
    }
    #navigation li li a {
      border-left:1px solid #ffffff;
      padding-left:10px;
      font-weight:normal;
    }
    #navigation li li a:hover {
      display:block;
      padding-left:2px;
      border-left:8px solid #6a234b;
    }
    
    
    #products button,#sites button{
      margin-top:1px;
      width:25px;
      height:25px;  
      background-color:transparent;
      border:0px;
      cursor:pointer;
    }
    
    #products .DeleteButton,#sites .DeleteButton{
     background-image:url(../images/admin/delete-icon.gif);
     background-repeat:no-repeat;
     background-position:0px 0px;
    }
    
    #products .EditButton,#sites .EditButton{
     background-image:url(../images/admin/edit-icon.gif);
     background-repeat:no-repeat;
     background-position:0px 0px;
    }
    
    #products .ReviseButton,#sites .ReviseButton{
     background-image:url(../images/admin/revise-icon.gif);
     background-repeat:no-repeat;
     background-position:0px 0px;
    }
    
    #products .PreviewButton,#sites .PreviewButton{
     background-image:url(../images/admin/preview-icon.gif);
     background-repeat:no-repeat;
     background-position:0px 0px;
    }
    
    #products .LiveButton,#sites .LiveButton{
     background-image:url(../images/admin/live-icon.gif);
     background-repeat:no-repeat;
     background-position:0px 0px;
    }
    
    #products .OfflineButton,#sites .OfflineButton{
     background-image:url(../images/admin/offline-icon.gif);
     background-repeat:no-repeat;
     background-position:0px 0px;
    }
    
    #products .btn_hover,#sites .btn_hover{
     background-position:0px -25px;
    }
    
    .admin_Filters{
      background-color: #9BB7F2
    }
    
    .admin_even_row{
      background-color: #FFFFFF;
    }
    .admin_odd_row{
      background-color: #EEEEEE;
    }
    
    .admin_table_header{
      background-color: #CCCCCC
    }
    
    .large-field textarea {
      width:99%;
      height:100px}
    
    .steps {
      text-align:left;
      display:block;
      padding:0px;
      width:393px;
      margin:2px 0 10px -9px !important;
      margin: 2px 0 10px 5px;}
      
      .steps h2 {
        font:bold 14px Verdana, Arial, Helvetica, sans-serif;
        margin:0;
        background:url(../images/steps-h2-bg.png) no-repeat;
        height:28px;
        padding:12px 0 0 0; 
        text-align:center;  
        color:#336699 /* */
        }
      
      #content-area .steps ul {
        display:block;
        height: 119px;
        background:url(../images/steps-bg.png) no-repeat; 
        list-style:none;
        margin:0;
        padding:7px 0 0 10px;
        text-align:left;
    }   
        .steps ul li {
          float:left;
          font:bold 11px Arial, Helvetica, sans-serif;
          color:#fff;
          letter-spacing:normal;
          line-height:14px;
          width:99px;
          height:62px;
          padding:32px 10px 0 10px;
          background:url(../images/step-bg.png) no-repeat bottom;
          margin:0 2px 0 3px;
          text-align:center
          }
    
    .clear {
      clear:both
      }
    
    /* Short Form on Homepage Styles */
    
   
    
    #ShortForm {  
      letter-spacing:normal;
      font:11px Verdana, Arial, Helvetica, sans-serif;
      width:393px;
      text-align:left;
      padding-bottom:30px;
      margin:0 0 0 -6px !important;
      margin:0 0 0 6px;
      background:url(../images/hp-app-footer.png) no-repeat 0px bottom ;
       }  
         
    
      #ShortForm form {
        margin:0
        }   
    
        #ShortForm .Head {
          height:39px;
          background:url(../images/hp-app-header-bg.png) no-repeat        
          }
    
          #ShortForm h1.PageTitle {
            font-size: 18px;
            color:#fff;
            padding:6px 0 0 0;
            text-align:center
          }
    
        #ShortForm .divbody {
          background:url(../images/hp-app-bg.png) repeat-y;
          padding:11px 17px 0px 12px;
          }   
    
    
        * html #ShortForm .divbody {
          width:50%;
          height:100px;
          overflow:visible
          }   
    
    
          #ShortForm .Required, .required {
            color: #FF6666; 
            padding:0px 1px 0px 3px     
            }
            
          #ShortForm .Note {
            color:red;
            font-size:10px;
            font-style:italic;
            height:30px
            }
    
          #ShortForm .Note p {
            width:364px;
            padding:3px 3px 0px 3px
            }   
            
          #ShortForm .Question p {
            margin:6px 0px;
            padding:0 3px 0 3px
            } 
    
          #ShortForm .Date {
            width:114px
            }
    
          #ShortForm .DateButton {
            background: none;
            border: none;
            margin: 0 0 0 3px;
            padding: 0px;
            height: 19px;
            width: 22px;
            background-image: url(../images/calendar.gif);
            vertical-align: top;
            }
      
          #ShortForm .SubHeading {  
            color:#fff;
            background:#566d8e;
            font-weight:bold;
            padding:3px 5px;
            border:solid #fff;
            border-width:5px 0 0px 0
          }
          
          #ShortForm .SubHeading * {
            padding:0px;
            margin:0px
            }
    
          #ShortForm #Travelers div {
            margin-bottom:5px;
            background:#f8f8f8;
            border:1px solid #566d8e
            } 
      
            #ShortForm .Add_Travler {
              background:url(../images/add-traveler-button.png) no-repeat;
              height:30px;
              width:100px;
              padding:0 0 0 25px;
              margin:0 0 5px 0;
              cursor:pointer;
              text-align:left;
              color:#251D5C;
              font:bold 11px Arial, Helvetica, sans-serif;
              border:none;
              white-space:nowrap
            }
    
      #ShortForm .Buttons {
        padding:5px 33px 0 24px;
        position:relative;
        text-align:center
        } 
        
    /* Tooltips */    
    
    .help_div {
      position:relative;
	  top:0px;
	  left:0px;
      margin:0 0 0 3px !important;
      margin:2px 0 0 3px;
	  height:22px;
	  width:24px;
     } 
      
    .help_img {
      border:none; 
      cursor:help
    } 
    
    .tooltip {
       position:absolute; 
       top:-2px;
       left:1px !important;
       left:-2px;	   
    }
      
      .tooltip .shaddow {
        background:#336699; 
        padding:0 3px 3px 0;
      }
    
        .tooltip .shaddow .ds_bottomleft {
          position:absolute;
          display:none !important; 
          display:block;
          bottom:-3px; 
          left:0px
          }   
        
        .tooltip .tt_wrapper {
          background:url(../images/tootip-inside-bg.png) repeat-x #ededed 28px 0px; 
          border:2px solid #a7a6a6; 
          margin:0 0 0 -3px !important; 
          margin:0; 
          width:269px;
          }
          
          .tooltip .tt_topbar {
            background:url(../images/tooltip-topbar.png); 
            height:24px; 
            position:relative; 
            text-align:right
            }
            
            .tooltip .tt_topbar .questionmark {
              position:absolute; 
              top:0px; 
              left:0px; 
              border:none; 
              cursor:default
              }
            
            .tooltip .tt_topbar .ds_topright {
              position:absolute; 
              top:-2px; 
              right:-6px
              }
            
          .tooltip .tt_content {
            padding:0px 10px 5px 10px; 
            line-height:18px;
            max-height:200px;
            overflow:auto
            }       
            
            
    /* App Styles */    
    
    fieldset {
      border:1px solid #ccc;
      margin:0px;
      padding:0px
      }
    
      fieldset table {
        width:100%}
      
          fieldset th span {
            height:5px;
            padding:13px 0 17px 11px;
            font:bold 12px Verdana, Arial, Helvetica, sans-serif;
            border:1px solid #fff;
            background:url(/images/app_engine/td-header-bg.png) repeat-x;
            display:block;
            }
        
        fieldset .txt {
          border:1px solid #9a9a9a}
    
        fieldset td {
          padding:10px 0px 10px 16px} 
      
        fieldset .col_notlast {
          border-right:1px solid #ccc;
          }
          
        fieldset .col_right {
          text-align:right;
          width:50%
          }
          
        fieldset .col_last {
          border:none}
            
        fieldset .odd {
          background:#eee}
    
    /* App Progress Bar */
    
      #app_steps {
        position:absolute;
        list-style:none;
        height:35px;
        width:297px;
        top:0px;
        right:0px !important;
        right:6px;
        margin:0;
        padding:0
        } 
        
        #app_steps li {
          display:block;
          float:left;
          height:35px; 
          width:99px
          }
          
          #app_steps li span {
            display:none
            }
    
            #pb-one, #pb-two, #pb-three {
              position:relative
              }
    
      /* Step 1 */
      
          #pb-one #step-one {
            background:url(/images/app_engine/step1-on.png) no-repeat;
            }
            
          #pb-one #step-two {
            background:url(/images/app_engine/step2-off.png) no-repeat;
            }       
            
          #pb-one #step-three {
            background:url(/images/app_engine/step3-off.png) no-repeat;
            }       
    
      /* Step 2 */
      
          #pb-two #step-one {
            background:url(/images/app_engine/step1-past.png) no-repeat;
            }
            
          #pb-two #step-two {
            background:url(/images/app_engine/step2-on.png) no-repeat;
            }       
            
          #pb-two #step-three {
            background:url(/images/app_engine/step3-off.png) no-repeat;
            }       
    
      /* Step 3 */
      
          #pb-three #step-one {
            background:url(/images/app_engine/step1-past.png) no-repeat;
            }
            
          #pb-three #step-two {
            background:url(/images/app_engine/step2-past.png) no-repeat;
            }       
            
          #pb-three #step-three {
            background:url(/images/app_engine/step3-on.png) no-repeat;
            } 
            
    .hackersafe {
      text-align:center;
      margin:20px 0px;
      .margin:40px 0px 20px 0;  
      }
      
    html > body .hackersafe {
      margin:50px 0px 20px 0px;
      }
	  
	.numbercode	{
		text-align:right;
		font-size:9px;
		color:#666666
		}	  

.phone {
	font-weight:bold;
	font-size:2;
}