/* CSS Document */

/* GLOBAL */

body {
	background: #e9ecf3 url(../img/bg.gif) top left;
	color: #222222;
	font: 12px Arial, Helvetica, sans-serif;	
	margin: 0;
	padding: 0;
	}

p {
  line-height: 18px;
  margin: 12px 0;
  }

h2 {
  font-size: 18px;
  font-weight: normal;
	margin: 20px 0 20px 0;	
  padding: 0;
	}

h3 {
  color: #222222 /*#005E8A*/;
  font-size: 16px;
  /* font-weight: normal; */
  }

h4 {
  color: #222222;
  font-size: 14px;
  }

a {
	color: #055089;
	}

  a:hover {
    color: #033357;
    }

  a.disabled {
    border-bottom-color: #a6a6a6;
    color: #a6a6a6;
    }

  a.disabled:hover {	
    color: #a6a6a6;
    }
	
  a:focus, a:active {
    -moz-outline:none;
    outline: none;
    }
  
  .jslink {
    border-bottom: 1px dotted #82a8c4;
    cursor: pointer;
    text-decoration: none;
    }
    
    .jslink:hover {
      border-bottom: 1px dotted #82a8c4;
      }

    .jslink.current { 
      border-bottom: 1px dotted #82a8c4;
      cursor: pointer;
      text-decoration: none;
      }

br, .clear {
	clear: both;
	}

.clear 
{
	height: 0px;
}

hr {
  color: #edf0f3;  
  border: 0;
  background-color: #edf0f3; 
  height: 4px;
  margin-top: 5px;
  }

input, select, textarea {
  font-size: 12px;
  font: 12px Arial, Helvetica, sans-serif;	
  }
  
  select, textarea {
    border: #7f9db9 1px solid;
    }

    table caption select, table caption input[type=text], #emailoptions select, .tableactions select, .tableactions input[type=text], .managebrowse div input[type=text], #events .filterinput, #eventlist .filterinput, .rfq .calendar, .filterinput{
      border: 1px solid #7F9DB9;
      }

.left {float: left; }
.right {float: right; display: block; }
.center {text-align: center;}
.center img{margin: 0 20px;}

.inactive {color: #cccccc;}

.width40 {width: 40%; }
.width50 {width: 47.1%}
.width60 {width: 57%; margin-right: 15px;}

.width50px {width: 50px !important;}
.width332 {width: 328px !important;}
.width334 {width: 334px !important;}
.fullWidth {width: 100% !important;}
.widthform { width: 338px; }

#body {
	padding: 0 0 0 0;
	overflow: hidden;
		background:
		url(../img/mainboxback.gif)
		top
		left
		repeat-x;
	}

#printbody { background-color: #ffffff; background-image: none; }

#sky{
  background: transparent url(../img/bg-sky.jpg) repeat-x 0 140px;
  /* position: relative; */
  }

#mainBox {
	position: relative;
	background: transparent;
	width: 980px;
	margin: 0 auto;
	padding: 30px 0 30px 0;
	/*overflow: hidden;*/
	}

.homebox
{
	background: url(../img/homeboxback.jpg) 0px 155px repeat-x;
}

/* Header */

#headercontainer {
  background: white url(../img/content-bg.gif) repeat-y;
  height:100px;
  margin:0 auto;
  position:relative;
  width:980px;
  }
      
  #header {
    margin: 0 10px 0 20px; 
    }

    #header #title {
      float: left;
      margin-top: 16px;
      margin-left: 10px;
      }

      #header h1 {
        margin: 11px 0 10px 0;
        padding:0;
        }

        #header h1 a {
          background: transparent url(../img/logo.gif) no-repeat scroll 0 0;
          display:block;
          height:0;
          overflow:hidden;
          padding: 43px 0 0 0;
          width:266px;
          }

      #header h2 {
        color: #998E78;
        font: 18px Arial, Helvetica, sans-serif;
        float: left;    
        margin: 0;
        }

    #partnership {
      float: right;
      color: #656478;
      margin: 15px 0px 0 0;
      padding-right: 20px;  
      }
  
      #partnership span {
		padding-top: 24px;
		padding-right: 10px;
		display: block;
		float: left;
      }

      #partnership img {  
		padding-top: 2px;
      }

/* Global Navigation */

#globalnav {
  background: #007AB3 url(../img/globalnav-back.gif) repeat-x top right;
	height:	100%;
  overflow: hidden;
  }
  
  #main #globalnav {height:	50px;}
  
  #globalnav #top {
    border-left:1px solid #F2EEE5;
    border-right:1px solid #F2EEE5;
    height: 15px; 
    }
    
 #globalnavfooter {
	background: transparent url(../img/innersubheader-bg.gif) repeat-x scroll 0 0;
	height: 4px;
	clear: both;
	border: 1px solid #CECECE;
	border-top: medium none;
 }
  
#menu {
  display:block;
  float: left;
  border-left: #F2EEE5 1px solid;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  }

  #menu li
  {
  	margin: 0px;
  	padding: 0px;
    background: transparent;
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    }

      #menu li:first-child {
        background:transparent none repeat scroll 0 0;
        }

  #menu li span {
    display:block;
    margin:0 7px;
    }

  #menu a {
    display:block;
    font-weight:bold;
    padding: 7px 7px 8px 7px;
    text-decoration:none;
    color: white;
    font-size: 14px;
    }

    #menu a:hover {
      color: #cde0ec;
      }

  #menu .selected span {
    display: block;
    background: transparent url(../img/globanav-current-l.gif) left no-repeat;
    margin: 0;
    }
    
  #menu .selected a {
    background: transparent url(../img/globanav-current-r.gif) right no-repeat;
    padding: 7px 20px 8px 20px;
    color: #007AB5;
    }
   
  #menu li.selected span div {
	background:
		url("../img/menutabright.gif")
		no-repeat
		top
		right;
	}

#menu li.selected span div a.iconlogoutsmall
{
	background:
		url("../img/iconlogoutsmall.gif")
		0
		0
		no-repeat;

	width: 15px;
	height: 15px;
	display: block;
	position:absolute;
	margin-left: 5px;
	margin-top: 7px;
	padding:0px;
	right:8px;
}

#menu li.selected span div a.iconlogoutsmall:hover
{
	background-position: 0px -15px;
}
  
  
#toolbar 
{
	
  background: transparent;
  border-right: #F2EEE5 1px solid;
  display:block;
  float: right;
  margin: 0px;
  padding: 3px 12px 6px 0;
  }

  #toolbar li {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    }

    #toolbar li a {
      color: white;      
      display:block;
      font-weight:bold;
      list-style-image:none;
      list-style-position:outside;
      list-style-type:none;
      padding: 3px 20px 4px 25px;
      text-decoration:none;
      }

    #toolbar li.welcome {
      padding-right: 20px;
      padding-top: 3px;
      padding-left: 10px;
      color: #FFFFFF;
      }      

    #toolbar li.iconregister a {
      background: url(../img/toolbar-register.png) 0 0 no-repeat;
      }
      
    #toolbar li.iconlogin a {
      background: url(../img/toolbar-login.png) 0 0 no-repeat;
      }
      
    #toolbar li.iconlogout a {
      background: url(../img/toolbar-logout.png) 0 0 no-repeat;
      }      
      
    #toolbar li.iconhelp a {
      background: url(../img/toolbar-help.png) 0 0 no-repeat;
      } 
            
      #toolbar li.iconregister a:hover, #toolbar li.iconlogin a:hover, #toolbar li.iconlogout a:hover, #toolbar li.iconhelp a:hover {
        background-position: 0 -22px;
        }

/* Corners */

.topcorners, .bottomcorners {
  font-size:10px;
  overflow:hidden;
  position:relative;
  width:100%;
  }

  .topcorners { background: #fff; } /* transparent url(../img/content-t.gif) repeat-x; } */

    .topcorners .tl {
      background: transparent url(../img/content-tl.gif) no-repeat;
      /* border-left: #d0e5fb 1px solid; */
      float:left;
      height:20px;
      width:20px;
      }   

    .topcorners .tr {
      background: transparent url(../img/content-tr.gif) no-repeat;
      /* border-right: #d0e5fb 1px solid; */
      float:right;
      height:20px;
      width:20px;
      }

    #content .topcorners {}


    #headercontainer .topcorners { 
      background: transparent url(../img/header-t.gif) repeat-x; 
      height: 5px;
      }

      #headercontainer .topcorners .tl {
        background: transparent url(../img/header-tl.gif) no-repeat;
        height:5px;
        width:5px;
        }
      
      #headercontainer .topcorners .tr {
        background: transparent url(../img/header-tr.gif) no-repeat;
        height:5px;
        width:5px;
        }

  .bottomcorners {
    background: #007AB3 url(../img/footer-b.gif) repeat-x;
    height: 10px;
    }

    .bottomcorners .bl {
      background: transparent url(../img/footer-bl.gif) no-repeat;
      float:left;
      height:10px;
      width:6px;
      }
      
    .bottomcorners .br {
      background: transparent url(../img/footer-br.gif) no-repeat;
      float:right;
      height:10px;
      width:6px;
      }

    #flash .bottomcorners {
      background: transparent url(../img/globalnav-b.gif) repeat-x;
      clear: both;
      height: 4px;     
      }

      #flash .bottomcorners .bl {
        background: transparent url(../img/globalnav-bl.gif) no-repeat;
        height:4px;
        width:5px;
        }
    
      #flash .bottomcorners .br {
        background: transparent url(../img/globalnav-br.gif) no-repeat;
        height:4px;
        width:5px;
        }

    #content .bottomcorners {
      clear: both;
      height: 3px;
      background: transparent url(../img/content-b.gif) repeat-x;
      }    

      #main #content .bottomcorners {
        height: 5px;
        background: transparent url(../img/content-b.gif) repeat-x;
        }        

      #content .bottomcorners .bl {
        background: transparent url(../img/content-bl.gif) no-repeat;
        float:left;
        height:3px;
        width:3px;
        }
      
        #main #content .bottomcorners .bl {
          background: transparent url(../img/content-bl.png) no-repeat;
          border-left: #cecece 1px solid;        
          float:left;
          height:5px;
          width:5px;        
          }
      
      #content .bottomcorners .br {
        background: transparent url(../img/content-br.gif) no-repeat;
        float:right;
        height:3px;
        width:3px;
        }
      
        #main #content .bottomcorners .br {
          background: transparent url(../img/content-br.png) no-repeat;
          border-right: #cecece 1px solid;        
          float:right;
          height:5px;
          width:5px;
          }

/* MAIN PAGE */

#main h3 {
  border-bottom: #D3D3D3 2px solid;
  padding: 0 0 7px 20px;
  }

/*
  #content #top {
    background: #f0f5e9;
    border-left: #d0e5fa 1px solid;
    border-right: #d0e5fa 1px solid;     
    height: 15px; 
    }
*/
      
#main #eventscontainer {  
  position: relative;
  padding-left: 4px;
  width: 678px;
  }

#main #events {
  clear: both; 
  background: #FFFFFFF;
  border: none;
  height: 100%;
  float: none;
  margin: 0;
  min-height: 100%;
  position: relative;  
  padding: 0 15px 15px 15px;
  overflow: hidden;
  width:644px;
  }
  
#main #events.outlined, #main #sidebar.outlined {
  border-top: 3px solid white;
  padding-top: 15px;
  }

  #events h3 {
	background: transparent url(../img/i-events.gif) no-repeat left 20%;
	margin-top: 0px;
  }
  
  #events h3 a {
    color: #222222;
    text-decoration: none;
  }

  .event {
    float: left;
    margin: 0px;
    width: 31%;
    padding: 0;
    }
    
  #staticpages-events-index .event {
    margin: 10px 0;
    width: 100%;
    }

	.event.first-event
	{
		padding-left: 30px;	
	}
    
    .event .date{
      float: left;
      background: transparent url(../img/cal-bg.gif) no-repeat;
      width: 30px;
      height: 36px;
      text-align: center;
      }

      .event .date .month{
        color: white;    
        display: block;
        font-size: 11px;
        font-weight: bold;
        margin-left: 1px;            
        }

      .event .date .day{
        margin-top: 3px;
        color: #333333;        
        display: block;
        }
        
    .event a {
      float: left;
      margin-left: 5px;      
      display: block;
      width: 80%;
      }  
    
  #staticpages-events-index .event a {
    width: 95%;
    }      
    
  #staticpages-events-index .event p {
    float: right;
    width: 675px;
    display: block;
    position: relative;
    margin: 5px 0 0 0;
    } 

#news {
  clear: both;
  overflow: hidden;
  float: left;
  width: 659px;
  padding: 10px 15px 20px 4px;
  /* height: 100%; */
  position: relative;    
  }

  #news h3 {
    background: transparent url(../img/i-news.gif) no-repeat left 20%;
    margin: 15px 0 15px 15px;
    }
   
  #news h3 a {
    color: #222222;
    text-decoration: none;
    }

  #news div {
    clear: left;
    background: transparent url(../img/news-hr.gif) repeat-x bottom; 
    height: 100%;
    margin: 10px 0px 0 15px;
    padding-bottom: 10px; 
    overflow: hidden;
    }
	
  #news .date {
    color: #015E8A;
    display: block;
    font-size: 11px;
    float: left;
    margin: 0;
    text-align: right;
    width: 70px;
    position: relative;
    height:100%;
    }
    
    #news .date strong{
      display: block;
      }    

  #news div a {
    float: right;
    display: block;
    position: relative;
    width: 564px;
    }

  #news p {
    float: right;
    display: block;
    position: relative;
    width: 564px;
    }
  
  a.event-left, a.event-right
  {
  	height: 24px;
  	width: 24px;
  	display: block;
  	margin :2px;
  }
  
  a.event-left:hover, a.event-right:hover
  {
	background-position: 0 -24px;
  }
  
  a.event-right.disabled 
  {
  	background-image: url(../img/arrow-right-disabled.gif)
  }
  
  a.event-left.disabled 
  {
  	background-image: url(../img/arrow-left-disabled.gif)
  }
  
  a.event-left.disabled:hover, a.event-right.disabled:hover
  {
  	background-position: 0 0;
  }
  
  #events #events-nav-prev 
  {
  	padding-top:5px;
  	float:left;
  }
  
  #events #events-nav-next
  {
  	padding-top:5px;
  	float:right;
  }
  
  #events #events-c 
  {
  	float: left;
  	width: 585px;
  }
  
  a.event-left 
  {
  	background: 
  		url(../img/arrow-left.gif)
  		0
  		0
  		no-repeat;
  }
  
  a.event-right
  {
  	background:
  		url(../img/arrow-right.gif)
  		0
  		0
  		no-repeat;
  }
    
 #staticpages-news-index div {
	margin: 20px 0;
 }  
 
 #staticpages-news-index div p {
	margin: 5px 0 10px 0;
 }   
    
 #staticpages-news-index div span.date, #staticpages-news-index div a {
	width: 100%;
	display: block;
 }

#sidebar {
  float: right;
  height: auto;
  width:267px;
  margin-right: 3px;
  padding: 0px 15px 3px 10px;
  position: relative;    
  background:#ffffff;
  }

  #sidebar h4 {margin-bottom: 7px; margin-top:3px;}

  #friends, #sponsors {
    position: relative;
    padding: 6px 0px 10px;  
    width: 267px;
    }

    #friends img , #sponsors img {
      display: block;
      position: relative;
      margin: 0 auto 0 auto;         
      }

	#friends
	{
		background: transparent url(../img/sidebar-box.gif) no-repeat; 
	    height: 112px;
	}

  #sponsors
  {
  	background: transparent url(../img/sidebar-box-sponsors.gif) no-repeat; 
  	height: 427px;
	margin-bottom: 10px;
  }
  
  #sponsors a img
  {
  	border: none;
  }
  
  #sponsors .category
  {
  	margin-top: 10px;
  	padding-bottom: 5px;
  	color: #919191;
  	border-bottom: solid 1px #E0E0E0;
  	margin-left: 25px;
  	margin-right: 25px;
  	text-align: center;
  }
  
  #sponsors .pics
  {
	height: 100px;	
  }
  
  #sponsors #sponsors-learn-more
  {
	text-align: center;
  }
  
  .quote 
  {
  	background: transparent url(../img/quote_b.gif) no-repeat scroll right bottom;
  	font-family:Georgia, Times New Roman, Times, Serif;
  	font-size: 14px;
  	font-style: italic;
  	line-height:22px;
  	padding: 0 20px 0 0;
  	position: relative;
  }
  
  .quote p 
  {
  	background: transparent url(../img/quote_t.gif) no-repeat scroll left top;
  	padding: 18px 0 18px 20px;
  }
  
  #testimonials-quotes 
  {
	width: 230px;
	position:relative;
	padding-left:6px;
	background-color:#FFFFFF;
	cursor:pointer;
  }
  
  #testimonials-quotes div 
  {
  	position:relative;
  	width:230px;
  }
  
  #testimonials-quotes div p b
  {
  	padding-bottom: 18px;
  	padding-left:20px;
  }
  

#footer {
  background: transparent url(../img/footerback.gif) repeat-x top left; 
  border-left: #cecece 1px solid;
  border-right: #cecece 1px solid;  
  color: white;
  clear: both;
  overflow: hidden;
  height: 100%;
  }

  #footer p {
    margin: 9px 20px 0 0;
    text-align: right;
    }

  #footerMenu {
    display:block;
    float: left;
    margin: 8px 0 0 0;
    }

    #footerMenu li{
      background: transparent url(../img/footer-menu-lines.gif) no-repeat left; 
      float:left;
      list-style-image:none;
      list-style-position:outside;
      list-style-type:none;
      }

        #footerMenu li:first-child {
          background:transparent none repeat scroll 0 0;
          }

    #footerMenu a {
      color: white;    
      display:block;
      font-size: 12px;      
      padding: 3px 13px 4px 15px;
      text-decoration:none;
      }

      #footerMenu a:hover {
        text-decoration: underline;
        }

/* Flash replacement*/

#flash {
  background: transparent url(../img/flash.jpg) no-repeat 0px 4px;
  height: 248px;
  width: 980;
  }
  
#flash p 
{
	line-height: 150%;
	float:right;
	font-size: 15px;
	margin: 40px 50px 0 0;
}  
  #flash p span
  {
  	font-size: 22px;
  }
  
  #flash #links {
    clear: both;
    margin: 0 0 0 490px;
    }    
    
#flash #link-learn, #flash #link-reg
{
	float: left;
	margin-top: 25px !important;
	border: 0;
	color: #FFFFFF;
	font-size: 12px;
	width: 127px !important;
	height: 41px !important;
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
}
	
    #flash #link-learn {
      
      background: transparent url(../img/btnbacklearnmore.png) no-repeat;
      margin-left: 20px;
	  
      }     

      #flash #link-learn:hover {
		background-position: 0px -41px;
      } 

    #flash #link-reg {
      
      background: transparent url(../img/btnbackregisternow.png) no-repeat;

      margin-left: 20px;
      }     

      #flash #link-reg:hover {
        background-position: 0px -41px;
        } 
    

    #flash #link-overview {
      float: right;
      background: transparent url(../img/main-overviewbutton.png) no-repeat;
      padding: 41px 169px 0 0;
      margin: 0 40px 0 0;
      }

    #flash #link-flash {
      color: #656478;
      float: right;
      background: transparent url(../img/main-flashicon.gif) left no-repeat;
      padding: 10px 0px 11px 40px;
      width: 199px;
      margin: 50px 30px 0 0;      
      }        


/* INNER PAGES */

/* Subheader */

#innersubheadercontainer 
{
  background:transparent url(../img/innersubheader-bg.gif) repeat-x scroll 0 0;
  border-left: #cecece 1px solid;
  border-right: #cecece 1px solid;
  /* border-bottom: #435927 1px solid; */
  color: #B7BBBE;
  padding: 0 20px 0 25px;
  position: relative;
  height: 72px;
  }

  #innersubheader {
    /*background: transparent url(../img/innersubheader-img.gif) bottom right no-repeat;*/
    height: 55px;
    padding: 17px 0 0 0;
    }

#innersubheader div 
{
	float: left;
}
  
#innersubheader p {
	background:transparent url(../img/icophone.gif) no-repeat scroll left center;
	color:#596C80;
	display:inline;
	float:right;
	margin: 5px 0px 5px 5px;
	padding: 0 0 0 35px;
	width: 170px;
	line-height: normal;
}

  #innersubheader a {
    color: #B7BBBE;
    font-size: 11px;
    }
    
    #innersubheader a:hover {color: #333333;} 

  #innersubheader h2 
  {
  	display: block;
    color: #333333;
    margin:0;
    }

/* Content */

#content {
  background: white;
  border-left: #cecece 1px solid;
  border-right: #cecece 1px solid;    
  clear: both;
  /*overflow: hidden;*/
  padding-top: 3px;
  position: relative;
  zoom: 1;
  }

  #main #content {
	background: #ffffff url(../img/main-content-bg.gif) repeat-y scroll 0 0;
    border: none;
    padding-top:0;
    position: relative;    

    }

  #content .inner {
    background: 
		  url(../img/innercontentback.gif)
		  top
		  left
		  repeat-y;
		
    height: 100%;
	 }

  .contentbottom {
    background:
		  url(../img/homecontentbottom.gif)
		  bottom
		  left
		  no-repeat;
    clear: both;
    height: 3px;
    margin-left: 3px;
    }
	
    .inner .contentbottom {
      background: url(../img/leftpanel-bg.gif) bottom left no-repeat;
      height: 3px;
      }
      
  #home-left 
  {
  	float:left;
  	background:#ffffff;
  	margin-left:3px;
  }

/* Leftpanel */

#leftpanel {
	float: left;
	position: relative;    
	width: 180px;
	}
	
  .inner #leftpanel {
    width: 204px;
    }

  .inner #leftpanel h3 {
    padding: 15px 0 0 0;
    overflow: hidden;	
    background:
		  url("../img/options.gif")
		  no-repeat;   
    height: 0px;
    margin: 24px 0 10px 25px;
    }
	
    .inner #leftpanel h3.filterResults {
      padding: 15px 0 0 0;
      overflow: hidden;	
      background:
		    url("../img/filterResults.gif")
		    no-repeat;   
      height: 0px;
      margin: 10px 0 10px 25px;
      }
	
    .inner #leftpanel h3.browseCategories {
      padding: 15px 0 0 0;
      overflow: hidden;	
      background:
        url("../img/browseCategories.gif")
        no-repeat;   
      height: 0px;
      margin: 25px 0 10px 0px;
      }

/* Submenu */

#submenu {
	width: 170px;
	margin: 5px 0 10px 3px;
	padding: 0;
	overflow: hidden;
	}
  
  #submenu li	{
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative;
    width: 155px;
    }

    #submenu li a {
      background:
        url(../img/submenuback.gif)
        bottom
        left
        no-repeat;	
      font-size: 13px;
      font-weight: bold;
      display: block;
      padding: 7px 17px 9px 15px;
      }

    #submenu li span {
      position: absolute;
      right: 17px;
      bottom: 9px;
      color: #59806c;
      text-decoration: none;
      font-size: 11px;
      font-weight: normal;  
      }

    #submenu li.selected {
      background:
          #e5eaed
          url(../img/submenucorner.gif)
          top
          left
          no-repeat;	
        }

      #submenu li.selected a {
        background:
          url(../img/submenubackselected.gif)
          bottom
    		  left
		      no-repeat;	
        }

#submenu li.menu-separator {
	background: url(../img/menu_separator_bg.png) repeat-x top left;
	border-top: #CED4D9 solid 1px;
	padding: 0px;
	height: 7px;
	margin-left: 15px;
	margin-top: 10px;
	width: 170px !important;
}

.inner #submenu {
  /*background: url(../img/innersubmenulines.gif) top left no-repeat;  */
  margin-top: 15px;
	padding-top: 2px;
  width: 201px;
	}

  .inner #submenu li	{
    width: 196px;
    }
	
    .inner #submenu li a {
      background:transparent none repeat scroll 0 0;
      font-size: 12px;
      font-weight: normal;      
      padding: 4px 17px 9px 22px;
      }

    .inner #submenu li.selected {
      background: 
        url(../img/innersubmenubottom.gif) 
        bottom
        left
        no-repeat;
      width: 201px;		    
      }
  
      .inner #submenu li.selected a {
        background:
          url(../img/innersubmenutop.gif)
          top
          left
          no-repeat;
        color: white;
        padding: 5px 17px 7px 22px;        
        }
        
       .inner #submenu li.selected a.selected {
        font-weight: bold !important;     
        }

      .inner #submenu li.selected ul, .inner #submenu li.selected li.selected ul {
        display: block;
        margin: 0px 0 7px 30px;
        padding: 0 0 5px 0;
        }
        
        .inner #submenu li.selected li.selected ul {
        margin-left: 15px;
        }

        .inner #submenu li.selected li, .inner #submenu li.selected li.selected li {
          float: inherit;
          background: none;
          width: 150px;
          }

          .inner #submenu li.selected li a, .inner #submenu li.selected li.selected li a {
            font-weight: normal;
            font-size: 11px;
            background: none;
            padding: 0 0 5px 0;
            color: white;
            }
	
            .inner #submenu li.selected li.selected a, .inner #submenu li.selected li.selected li.selected a {
              color: white;
              }

/* =========== Middlepanel =========== 

#middlepanel {
	float: left;
	padding: 10px 20px 10px 20px;
	width: 486px;
	height: 100%;
	text-align: center;
	}

  #middlepanel #logo{
    margin: 30px 0;
    text-align: left;
    }

  .inner #middlepanel {
    width: 710px;
    text-align: left;
    padding: 0 30px 10px 30px;
    }

  #middlepanel h3 {
    font-size: 16px;
    margin: 20px 0 15px 0px;
    float: left;
    }

  .landing #middlepanel p {
    display: inline;
    float: left;
    width: 220px;
    height: 66px;
    padding: 3px 0 0 0;
    margin: 0 10px 7px 10px;
    text-align: left;
    }

    .landing #middlepanel p a{
      display: block;
      margin: 0 0 3px 0;
      padding: 0;
      font-weight: bold;
      text-decoration: none;
      }

      .landing #middlepanel p a span {
        float: left;
        width: 58px;
        height: 58px;
        padding: 0;
        margin: -3px 5px 0 0;
        background: url("../img/pictureback.gif") no-repeat;
        text-align: center;
        line-height: 58px;
        }

      .landing #middlepanel p a:hover span{
        background-image: url("../img/picturebackover.gif");
        }

  .landing #middlepanel img {
    display: inline;
    vertical-align: middle;
    border: none;
    padding: 0;
    margin: 0 0 1px 0;
    }

/* =========== Tab Menu =========== */

#tabmenu {
	background: url("../img/tabmenubackground.gif") top left repeat-x;
  clear: both;
	display: block;
	width: 100%;
	margin: 12px 0 1px 0;
	padding: 0;
	height: 29px;
	}

  #secondtabmenu #tabmenu {margin-top: 0}

  #tabmenu li {
    border-bottom: #68B1D2 2px solid;    
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 27px;
    }

    #tabmenu li:first-child, #tabmenuhigh li:first-child {
      background: none;
      }
      
    #tabmenu a {
      display: block;
      float: left;
      margin: 0;
      padding: 5px 25px 3px 25px;
      font-weight: bold;  
      text-decoration: none;
      height: 19px;
      text-align: left;
      }

    #tabmenu li.selected a, #tabmenuhigh.narrow li.selected a {
      padding: 8px 10px 0 10px;
      }

    #tabmenu li.selected span { 
      background: url("../img/tabmenuback.gif") no-repeat;
      height: 27px;
      }

      #tabmenu li.selected span a{
        background: url("../img/tabmenuright.gif") no-repeat top right;
        color: white;
        padding: 6px 10px 2px 10px;
        }

    #tabmenu li span, #tabmenuhigh li span {
      display: inline;
      float: left;
      margin: 0 6px 0 6px;
      overflow: hidden;
      }

  #tabmenuhigh {
    display: block;
    width: 100%;
    margin: 12px 0 1px 0;
    padding: 0;
    background: url("../img/tabmenuhighbackground.gif");
    height: 31px;
    }
	
    #tabmenuhigh li {
      float: left;
      margin: 2px 0 0 0;
      padding: 0;
      list-style: none;
      background: url("../img/menudotsdouble.gif") center left no-repeat;	
      }

      #tabmenuhigh a {
        display: block;
        float: left;
        margin: 0;
        padding: 0 25px;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
        }

      #tabmenuhigh li.selected span{
        display: block;
        background: url("../img/tabmenuhighback.gif") no-repeat; 
        }

  #tabmenu.narrow, #tabmenuhigh.narrow {
    padding-bottom: 10px;
    }
	
  #tabmenu.summary, #tabmenuhigh.summary {  
    padding-bottom: 0px;
    }
	
  #tabmenu a, #tabmenuhigh.narrow a {
    padding: 6px 5px 2px 5px;
    }

 /* =========== Buttons =========== 

.button60, .button70, .button80, .button100, .button120, .button140, .button160, .button180, .button200, .s-button70 {
	background: url("../img/btnback80.gif") 0 0 no-repeat;
	border: 0;
	color: #FFFFFF;
	font-size: 12px;
	width: 80px;
	height: 25px;
	font-weight: bold;
	margin: 0;
  padding: 5px 0;
	}

  #inboxlist #emailoptions input[type="submit"].s-button70 {
    float: left;
    margin: 5px 10px 0 5px;

    }

  .button60 {
    background-image: url("../img/btnback60.gif");
    width: 60px!important;
    }
	
  .button70 {
    background-image: url("../img/btnback70.gif");
    width: 70px!important;
    }

  .button80 {
    background-image: url("../img/btnback80.gif");
    width: 80px!important;
    }

  .button100 {
    background-image: url("../img/btnback100.gif");
    width: 100px!important;
    }

  .button120 {
    background-image: url("../img/btnback120.gif");
    width: 120px!important;
    }

  .button140 {
    background-image: url("../img/btnback140.gif");
    width: 140px!important;
    }

  .button160 {
    background-image: url("../img/btnback160.gif");
    width: 160px!important;
    }

  .button180 {
    background-image: url("../img/btnback180.gif");
    width: 180px!important;
    }
  
  .button200 {
    background-image: url("../img/btnback200.gif");
    width: 200px!important;
    }
	
  .disabled {
    background-position: 0 -50px;
    color: #a6a6a6;
    }

  input.disabled:hover, button.disabled:hover {
    background-position: 0 -50px;
    }

  input:hover, button:hover {
    background-position: 0 -25px;
    }
  
  button:hover {cursor: pointer;}

.buttonbox {
	width: 600px;
	text-align: center;
	margin: 15px 0 25px 10px;
	clear: both;
	height: 25px;
	}

  .quotes .buttonboxcentered {
    margin: 15px 0 10px 0;
    }

.buttonboxcentered {
	width: 100%;
	text-align: center;
	padding: 0;	
	height: 25px;
	margin: 15px 0 10px 0;
	}

.buttonboxleft {
	text-align: left;
	padding: 0;
	margin: 10px 0 0 10px;
	clear: both;
	}

.buttonboxright {
	text-align: right;
	padding: 0;
	margin: 0;
	}

/* 
.s-button70 {
	background: 
    url("../img/btnsmall70.gif") 
    0 
    0 
    no-repeat;
	width: 70px;
	height: 22px;
  padding: 0 0 5px 0;	
  }

  .s-button70:hover {
    background-position: 0 -20px;
    }

  .s-button70.disabled {
    background-position: 0 -40px;
    }
    
    .s-button70.disabled:hover  {
      background-position: 0 -40px;
      }
*/
       
/* =========== Forms =========== */

#middlepanel h4, .modalData h4, #registration-panel h4 {
	border-bottom: #D3D3D3 1px solid;
  color: #222222;
  font-size: 12px;
	font-weight: bold;
	margin: 20px 0 10px 0; /* margin: 20px 0 0 0; */
	padding: 0 0 4px 0;
	}

  #middlepanel div h4, .modalData div h4, #middlepanel table h4, .modalData table h4 {
    border-bottom: none;
    }

/* 
.inner #middlepanel .formrow .formborder, .modalData .formrow .formborder, #mailmanagefolders .formborder, #frmBusinessDetails .formborder{
	padding: 0 0 0 1px;
	overflow: hidden;
	position: relative;
	float: left;
	width: 587px;
	}


.inner #middlepanel .formrow label, .modalData .formrow label {
  position: relative;
	float: left;
	width: 101px;
	margin: 0 1px 0 7px;
	padding: 3px 10px 3px 0;
	min-height: 15px;
	}

  .inner #middlepanel .formrow div label, .modalData .formrow div label {
    width: auto;
    margin: 0 1px 0 0;
    }

*/

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


/*                OLD               */


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




/* TABLE */

.table {
  clear: both;
  empty-cells: show;
  width: 100%;
  }

  .table .table{
    margin-bottom: 0;
    }  
  
  .table caption 
  {
  	background-color: #edf0f3;
  	border-bottom: 1px solid #D3D3D3;
  	color: #929292;
  	font-size: 12px;
  	font-weight: bold;
  	text-align: left;
    padding: 5px 7px;
    overflow: hidden;
    /* margin-left: -1px; */
	}
	
    .table .cap-forms {
      font-weight: normal;
      padding-top: 2px;
      padding-bottom: 2px;
    }
    
      .cap-buttons button{
        margin-top: 2px !important;
      }
          
      .cap-text {
        line-height: 28px;
      }
      
      .table caption a {
        background: transparent url(../img/menudots.gif) no-repeat scroll left center;
        font-size:11px;
        font-weight:normal;
        margin-left: 3px;
        padding:0 0 0 8px;
        vertical-align:0;
        }      
      
	.table th {
	  empty-cells: show;
    background-color: #F3EDDD;
    border-top: 1px solid white;
    color: #919191;
    font-size: 11px;
    padding: 5px 7px;
    text-align: left;
	}
	
    .table th a {
      color: #919191;
    }	
	
	.table td {
    empty-cells: show;
    padding: 3px 7px;
    vertical-align: top;
  }
	
	 /* Table - special cases */
  .tb-border-left {
    border-left: 1px solid #D3D3D3;
  }

  .tb-border-right {
    border-right: 1px solid #D3D3D3;
  }
  
  .tb-border-none td
	{
		border-bottom: none !important;
	}

  .tb-border {
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
  }
  
    .tb-border caption {	
      padding: 5px 8px;
    }
    
  .tb-bottom {
    border-bottom: 1px solid #D3D3D3;    
    }
  
    .td-bottom {
    border-bottom: 1px solid #D3D3D3;
  }
  
    .tb-bottom th {
      border-bottom: 5px solid white;    
      }
    
   .cell-borders {
    
   }
   
    .cell-borders th {
      border-bottom: none;    
      }
    
    .cell-borders caption {
      border-left: 1px solid #edf0f3;
      border-right: 1px solid #edf0f3;  
      }
  
  .tb-checkbox {
    height: 15px;    
    margin: 0;
    padding: 0;
    width: 15px;
    }
  
    .tb-checkbox input{
    margin: 2px 0px 0px 0px;
  }
  
  .tb-smallfont td {
    font-size: 11px;
    }
  
.td-border td {
    border-bottom:1px solid #D3D3D3;
    padding-bottom:5px;
    padding-top:5px;
    vertical-align:middle;
    }

  .td-space td {
    padding-top: 7px;
    }
  
    .td-pink td {
	background-color: #ffe6e6;
  }
  
  td.tb-top-space {
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;    
    font-size: 0;    
    padding: 3px 0 0 0;
  }
  
  .tr-separator td {
    border-bottom: 1px solid #D3D3D3;
    font-size: 0;      
    padding: 8px 0 0 0;
  }

	table.no-border td {
		border: none !important;
	}

	table.no-vert-padding td {
		padding: 0px 5px !important;
	}

	td.no-horiz-padding {
		padding: 3px 0 !important;
	}

/* Links */


.option-links {
  margin: 0;
  padding: 0;
  overflow: hidden;
  zoom: 1;
}

  .option-links li {
    background:
      url("../img/menudots.gif")
		  left
		  center
		  no-repeat;
		clear: none !important; /* To override rule in #SuppliersTable tbody ul li */
    float: left;
    list-style: none;
    padding: 0 10px 1px 10px;
  }
  
    .option-links li:first-child {
      background: none;
      padding-left: 0;
    }
    
    .current {
      color: #59806c;
      text-decoration: none;
    }

.tb-link {
  font-size: 12px;
  font-weight: bold;
}

/* ! Maxim Start */
.no-text-decoration {
	text-decoration: none;
}
/* ! Maxim End */

/* Boxes */

.cat-container {
    /*border-bottom: 1px solid #ebf3e2;*/
    overflow: hidden;
    }

  .cat-header {
    font-size: 12px;
    margin: 0 0 5px 0;
    overflow: hidden;
    clear: both;
  }

    .cat-header span {
      color: #222222;
      float: left;
      font-weight: bold;
      margin: 0 10px 0 5px;
      padding: 0;
    }

  .cat-body {
    background: #EFF2F4;
    clear: both;
    font-size:11px;
    margin: 0 0 8px 0;
    overflow: hidden;
    padding: 7px;
  }

    .cat-body label {
      clear: both;
      font-weight:bold;
      float: left;
      margin: 0 0 5px 0;      
      width: 25%;
    }
      
    .cat-body p {
      width: 75%;      
      padding: 0;    
    }
  
    .cat-body span {
      float: left;
      margin: 0;
      padding: 0;
      width: 34%;
    }
       
    .cat-body span.stars
    {
    	width:56px;
    }
    
    .cat-table {
      width: 100%;
    }
    
      .cat-table td {
        padding: 0 5px 2px 0;
      }

      .cat-table td
      {
      	background-color:#EFF2F4;
      }
      
  .marg-right {
    border-bottom: none;  
    margin-right: 5%;
  }  


/* ICONS */


.icon {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 15px;
	margin: 0;
	padding: 0 0 0 17px;
	width: 0;
  }

  .icon:hover {
    background-position: 0 -15px;
    }
  
  .icon.disabled {
    background-position: 0 -30px;    
    }
  
  .icon.right {
    float: right;	
    }
  
    .icon.nohover 
  {
  	background-position: 0 0;
  	}
  
  .center {
  	float: none;
    }
  
  .i-collapse, .table caption .i-collapse {
    background-image: url("../img/iconcollapse.gif");
    background-position: 0 0;    
    }
  
  .i-expand, .table caption .i-expand {
    background-image: url("../img/iconexpand.gif");
    background-position: 0 0;       
    }

  .i-collapse, .i-expand {
  	height: 15px;
	  padding: 0 0 0 15px !important;
    background-position: 0 0;	  
    }

  .i-expand:hover, .i-collapse:hover {
    background-position: 0 -15px !important;
    }
  
    .i-expand.disabled, .i-collapse.disabled {
      background-position: 0 -26px !important;    
      }

  .i-collapseall {
    background-image: url("../img/iconcollapseall.gif");
    }
  
  .i-expandall {
    background-image: url("../img/iconexpandall.gif");
    }
  
.i-leavefeedback {
    background-image: url("../img/iconleavefeedback.gif");
    }

.i-leavefeedback-disabled {
    background-position: left -30px;
    background-image: url("../img/iconleavefeedback.gif");
  }

.i-leavefeedback-disabled:hover {
    background-position: left -30px;
  }
  
.i-view {
    background-image: url("../img/iconview.gif");
    }

.i-drag {
    background-image: url("../img/icondrag.gif");
    cursor: s-resize;
    }

.i-remove {
    background-image: url("../img/icondel.gif");
    }


.i-up {
    background-image: url("../img/iconup.gif");
    cursor: pointer;
  }

.i-down {
    background-image: url("../img/icondown.gif");
    cursor: pointer;
  }

.i-learnmore {
    background-image: url("../img/iconlearnmore.gif");
    cursor: pointer;
  }

.i-registernow {
    background-image: url("../img/iconregisternow.gif");
    cursor: pointer;
  }

.i-seehow {
    background-image: url("../img/iconseehow.gif");
    cursor: pointer;
  }
  
.legend .icon {
	width: auto; 
	margin: 0 2px; 
	cursor: auto;
	}

/* Texts */


.details-list {
  margin: 0;
  padding: 0;
  }

  .details-list li {
    list-style: none;
    margin: 0 0 3px 0;
    padding: 0;
    }

  .details-list label {
    display: inline-block;
    vertical-align: top;
    }
  
  .details-list span {
    display: inline-block;
    vertical-align: top;
    }
  
.sup-list {}

  .sup-list label {
    width: 43%;
    }
  
  .sup-list span {
    width: 57%;
    }
  
.cat-list {}

  .cat-list label {
    width: 20%;
    font-weight: bold;
    }
  
  .cat-list span {
    width: 75%;
    float: none;
    }

/* Primary inforamtion (beige) table */

table.primaryinfo {
  border-collapse: collapse;
  /* border-spacing: 1px; */
  }

  table.primaryinfo td {
    background: #F3EDDD;
    border-bottom: white 1px solid;    
    padding: 6px 7px;	
    }

  table.primaryinfo td input[type=text] {
    width: 560px;
    border: 1px solid #7f9db9;
    }

table.primaryinfo td input[type=text].dateinput {
	 width: 100px; 
}

  #middlepanel table.primaryinfo h3 {
    color: #738c99;
    font-size: 12px;
    }
  
  /* === Filters table () === */
table.filters td
{
	vertical-align: top;	
}

table.filters td .feedback div
{
	margin: 0px;	
}

table.filters td .feedback label
{
	font-size: 11px;
}

table.filters td input[type=text], table.filters td select
{
	width: 200px;
}

table.filters td input[type=text].large, table.filters td select.large
{
	width: 330px;
}

table.filters td span.filtername
{
	font-size: 11px;
}

/* Attachments list */

.attachments-list input.atachmentfield {
	margin: 3px 0 3px 0px;
	float: left;
	padding: 2px;
  }

.attachments-list a.remove {
	margin-top: 7px;
	margin-left: 5px;
	float: left;
	background-image: url("../img/icondel.gif");
	width: 15px;
	height: 15px;
}

textarea.emailBody {
	width: 704px;
	height: 400px;
	margin: 0 0 20px 0;
	padding: 2px;
	border: 1px solid #7f9db9;
	}

.image-frame {
	border: solid 1px #CED4D9;
	padding: 6px;
	background-color: #ffffff;
  }

/* table extensions */

.table tr.selectable:hover, .table tbody.selectable:hover {
	background-color: #E1EAF1;
	cursor: pointer;
  }

.table tr.selected {
	background-color: #E1EAF1;
	cursor: pointer;
  }

.inactive
{
	color: #cccccc;
}

.widthauto { width: auto !important; }

.width50px
{
	width: 50px !important;
}

.width308
{
	width: 308px !important;
}

.width314
{
	width: 314px !important;
}

.width332
{
	width: 328px !important;
}

.width334
{
	width: 334px !important;
}

.width344
{
	width: 344px !important;
}

.fullWidth
{
	width: 100% !important;
}


/*TODO: finish*/
.tb-expandable caption
{
	/*background-color: Transparent;
	border-top: solid 1px #dae7f3;
	border-left: solid 1px #dae7f3;
	border-right: solid 1px #dae7f3;*/
}

.tb-expandable caption span
{
/*	color: #333333;*/
}

span.feedback {
	font-size: 10px;
	color: #333333;
	text-decoration:none;
	float:left;
	margin-top: -1px;
	margin-left: 1px;
}

/* mail */

tr.tr-newmail 
{
    font-weight: bold;
}

tr.tr-newmail .i-mail
{
	background:
		url("../img/iconmail.gif")
		2px
		0px
		no-repeat;
}

tr.tr-repliedmail .i-mail
{
	background:
		url("../img/iconmailreplied.gif")
		0px
		0px
		no-repeat;
}

tr.tr-mail .i-mail {
	background:
		url("../img/iconmailread.gif")
		2px
		0px
		no-repeat;
}

.greyed-out
{
    color: #a6a6a6;
}

.file-select a.file-name
{
    color: #000000;
    float: left;
    text-decoration:none;
    cursor: default;
}

/* Site header */

#sub-menu 
{
	position: absolute;
	top: 30px;
	right: 20px;
	height: 41px;
}

#sub-menu .left-side 
{
	background:
		url("../img/linkcap.png")
		left
		0
		no-repeat;
	width: 5px;
	height: 41px;
	float: left;
}

#sub-menu .right-side 
{
	background:
		url("../img/linksback.png")
		right
		0
		no-repeat;
	float: left;
	padding: 0 10px 0 5px;
	height: 43px;
}

#sub-menu ins 
{
	margin: 13px 0 13px 0;
}

#sub-menu a 
{
	background-position: 0 1px;
	margin: 13px 5px 13px 2px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	width: auto !important;
	padding: 0 0 2px 17px;
}

#sub-menu a:hover
{
	background-position: 0 -14px;
}

#innersubheader h2.longtext 
{
	margin-top: 16px;
}

#innersubheader h2.longtext ins
{
	float: left;
}

#innersubheader h2.longtext ins.dash
{
	margin: 0 6px; 
	font-size: 16px; 
	font-weight: normal;
	color: #596C80;
}

#innersubheader h2.longtext span
{
	width: 490px; 
	float: left; 
	display: block; 
	margin-top: 2px;
}

.nofloat
{
	float: none !important;	
}

/* Login Form */

div.createaccount 
{
	float:right;
	width:180px;
	height:32px;
	position:relative;
	top:-8px;
}

div.createaccount a 
{
	float:left;
	padding-top:12px;
	color:#007fc0;
	text-decoration:none;
}

div.createaccount a:hover 
{
	color: #E58600;
}

div.createaccount .leftimage
{
	background: url(../img/createaccountleft.gif)
		bottom
		left
		no-repeat;
	width:46px;
	height:32px;
	float:left;
}

div.createaccount .rightimage
{
	background: url(../img/createaccountright.gif)
		top
		right
		no-repeat;
	width:12px;
	height:32px;
	float:left;
}

div.createaccount .contentimage
{
	background: url(../img/createaccountcontent.gif)
		top
		right
		repeat-x;
	height:32px;
	width: 122px;
	float:left;
}

/* Error */

.erroroccured 
{
	width:451px;
	margin: 71px auto 90px;
	padding-left:12px;
}

.erroroccured .erroroccuredtop 
{
	background: url(../img/erroroccuredtop.gif)
		left
		top
		no-repeat;
	width:451px;
	height:7px;
}

.erroroccured .erroroccuredcontent 
{
	border-bottom:1px solid #c2d3da;
	padding:10px 26px 20px 21px;
	background-color:#ecf0f3;
}

.erroroccured .erroroccuredcontent h2 
{
	padding-bottom: 10px;
	margin:0px;
	border-bottom: 2px solid #007ab3;
}

.erroroccured .erroroccuredcontent h2 span 
{
	background:url(../img/iconwarning.gif)
		left
		center
		no-repeat;
	display:block;
	float:left;
	width:15px;
	height:15px;
	margin-top: 5px;
	padding-left: 10px;
}

.erroroccured .erroroccuredcontent p 
{
	margin-top:11px;
	margin-left: 2px;
}

.erroroccured .erroroccuredcontent p.error {
	background:url(../img/iconwarning.gif)
		left
		top
		no-repeat;
}

.erroroccured .erroroccuredbottom
{
	background: url(../img/erroroccuredbottom.gif) bottom left no-repeat;
	background-color: #f7f8fa;
	border-top: 1px solid #ffffff;
	height:52px;
	text-align:center;
	padding-top:18px;
}

tbody.newrfq, tbody.newsolicitation, tr.newrfq
{
	background-color:#fff0d9;
}

li.rfq-status
{
	padding: 0 3px 0 10px;
}

/* Registration screen */
#registrationpanel
{
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 17px;
}

#registrationpanel h4
{
	margin-top: 25px;	
}

/* Registration screen - common styles */
.registration-buyer-box, .registration-supplier-box {
	margin-top: 20px;
	margin-bottom: 50px;
	width: 380px;
	float: left;
}

.registration-buyer-box .registration-buyer-box-content, .registration-supplier-box .registration-supplier-box-content {
	padding: 7px 22px 20px 22px;
}

.registration-buyer-box .registration-buyer-box-content h2, .registration-supplier-box .registration-supplier-box-content h2 {
	display: block;
	margin: 0;
	line-height: 41px;
	padding-left: 60px;
}

.registration-buyer-box .registration-buyer-box-content p, .registration-supplier-box .registration-supplier-box-content p {
	margin-left: 2px;
	margin-top: 11px;
}

.registration-buyer-box .registration-buyer-box-bottom, .registration-supplier-box .registration-supplier-box-bottom {
	border-top: 1px solid #FFFFFF;
	height: 50px;
	padding-top: 18px;
	text-align: center;
}

.registration-buyer-box ul, .registration-supplier-box ul
{
	margin: 20px 0px 0px 0px;
	padding: 0 0 0 0;	
	list-style-type: none;
}

.registration-buyer-box ul li, .registration-supplier-box ul li
{
	background: url("../img/bullet2.gif") no-repeat scroll 11px 5px transparent;
	margin: 10px 0;
	color: black;
	display: list-item;
	font-weight: normal;
	height: auto;
	padding: 0 0 0 25px;
}

/* Registration screen - buyer box */
.registration-buyer-box .registration-buyer-box-bottom {
	background: url("../img/registration-buyer-box-bottom.gif") no-repeat scroll left bottom #F7F8FA;
}

.registration-buyer-box .registration-buyer-box-content
{
	border-bottom: 1px solid #C2D3DA;
	background: url("../img/registration-buyer-box-top.gif") no-repeat scroll left top #ECF0F3;
}

.registration-buyer-box .registration-buyer-box-content h2
{
	background: url("../img/registration-icon-buyer.gif") no-repeat scroll 10px center transparent;
	border-bottom: 2px solid #007AB3;
}

/* Registration screen - supplier box */
.registration-supplier-box {
	margin-left: 20px;
}

.registration-supplier-box .registration-supplier-box-content {
	border-bottom: 1px solid #dccec1;
	background: url("../img/registration-supplier-box-top.gif") no-repeat scroll left top #f8f5f0;
}

.registration-supplier-box .registration-supplier-box-content h2 {
	background: url("../img/registration-icon-supplier.gif") no-repeat scroll 10px center transparent;
	border-bottom: 2px solid #e0d4c4;
}

.registration-supplier-box .registration-supplier-box-bottom {
	background: url("../img/registration-supplier-box-bottom.gif") no-repeat scroll left bottom #fcf8f7;
}

/* Registration screen - compare account types (begin) */

#registration-panel
{
	padding: 45px 0px 45px 0px;
	width: 780px;
	margin: 0 auto;
	overflow: hidden;
}

#registration-panel h2
{
	margin-top: 0px;
}

#compare-accounts-matrix
{
	padding-top: 15px;
}

#compare-accounts-matrix .header
{
	height: 42px;
	line-height: 42px;
	background: url("../img/registration-full-member-compare-accounts-matrix-header.gif") no-repeat scroll left top;
	border-bottom: 2px solid #007ab3;
}

#compare-accounts-matrix .cell1
{
	width: 20%;
	float: left;
	padding-left: 23px;
}

#compare-accounts-matrix .cell2
{
	width: 35%;
	float: left;
	text-align: center;
}

#compare-accounts-matrix .cell3
{
	width: 41%;
	float: left;
	text-align: center;
}

#compare-accounts-matrix .header .cell2
{
	font-size: 18px;
}

#compare-accounts-matrix .header .cell3
{
	font-size: 18px;
}

#compare-accounts-matrix .row
{
	overflow: hidden;
}

#compare-accounts-matrix .row.separator
{
	border-top: solid 1px #f3eddd;
}

#compare-accounts-matrix .row.single
{
	
	padding-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

#compare-accounts-matrix .row.single .cell1
{
	font-weight: bold;
}

#compare-accounts-matrix .row.single .cell1, #compare-accounts-matrix .row.single .cell2, #compare-accounts-matrix .row.single .cell3
{
	padding-top: 0px;
	padding-bottom: 0px;
}

#compare-accounts-matrix .section
{
	border-top: solid 1px #dccec1;
	overflow: hidden;
}

#compare-accounts-matrix .featured
{
	border: solid 2px #a1cc3a;
}

#compare-accounts-matrix .section.no-border
{
	border-top: none !important;
}

#compare-accounts-matrix .section .title
{
	padding-left: 23px;
	border-top: solid 1px #ffffff;
	background-color: #f8f5f0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

#compare-accounts-matrix .row .cell1, #compare-accounts-matrix .row .cell2, #compare-accounts-matrix .row .cell3
{
	padding-top: 12px;
	padding-bottom: 12px;
}

#compare-accounts-matrix .row .cell1 ul
{
	position: relative;
	margin-top: 0px;
	list-style-type: none;
	padding-left: 0px;	
	margin-left: -8px;
	margin-bottom: 0px;
}

#compare-accounts-matrix .row .cell1 ul li
{
	background:url("../img/registration-full-member-compare-accounts-ul-dot.gif") no-repeat scroll 0 9px;
	line-height: 1.5em;
	padding-left: 8px;	
}

#compare-accounts-matrix .row .check
{
	margin: 0 auto;
	background: url("../img/registration-full-member-compare-accounts-check.gif") no-repeat scroll left top;
	width: 16px;
	height: 16px;
}

#compare-accounts-matrix .row .check-plus
{
	margin: 0 auto;
	background: url("../img/registration-full-member-compare-accounts-check-plus.gif") no-repeat scroll left top;
	width: 19px;
	height: 17px;
}

#compare-accounts-matrix .row .note
{
	margin: 0 auto;
	color: #777777;
	font-size: 11px;
	background: none;
	padding: 0px;	
	margin-top: 10px;

}

#compare-accounts-matrix .row .cell1 .note
{
	color: #777777;
}

#compare-accounts-matrix .red
{
	color: red;
}

#compare-accounts-matrix .section.register-buttons
{
	border-top: solid 1px #c2d3da;
}

#compare-accounts-matrix .section.register-buttons .row
{
	border-top: solid 1px #ffffff;
	background-color: #f7f8fa;
}

#compare-accounts-matrix .section.register-buttons .row .cell1
{
	line-height: 25px;	
}

#compare-accounts-matrix .section.register-buttons .row .cell1, #compare-accounts-matrix .section.register-buttons .row .cell2, #compare-accounts-matrix .section.register-buttons .row .cell3
{
	padding-bottom: 20px;
	padding-top: 20px;
}

/* Registration screen - compare account types (end) */

/* Edit account (begin) */
#upgradeAccountLink
{
	display: block;
	float: left;
	margin: 3px 0px 0px 260px;	
}

/* Edit account (end) */