/*
	| liquidcorners.css
	| http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
*/

body {
	padding: 20px;
}


.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('http://upinit.com/images/corners1280x18_c.jpg'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
	
	
.top-left2, .top-right2, .bottom-left2, .bottom-right2 { 
	background-image: url('http://upinit.com/images/corners1280x18_e.jpg'); /* CHANGE: path and name of your image */
	height: 9px;       
	font-size: 2px;    
	}



.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
	




.top-left2, .bottom-left2 { 
	margin-right: 9px; 
	}
.top-right2, .bottom-right2 { 
	margin-left: 9px;  
	margin-top: -9px;  
	}
.top-right2 {
	background-position: 100% 0;   
	}
.bottom-left2  { 
	background-position: 0 -9px;   
	}
.bottom-right2 { 
	background-position: 100% -9px; 
	}



	

.inside {
	border-left: 1px solid #376271; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #376271;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
	
.inside2 {
	border-left: 1px solid #D3D5D6; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #D3D5D6;/* YCC: color & properties of the right-borderline */
	background: #D3D5D6;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */
.page {
	width: 780px;
}

.page_200 {
	width: 200px;
}

.page_250 {
	width: 250px;
}

.page_300 {
	width: 300px;
}

h1 {
	font-size: 20px;
	font-weight: bolder;
}

div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   }
.td_space {
	height: 30px;
	text-align: left;
	text-indent: 9px;
	vertical-align: middle;
	word-spacing: normal;
	letter-spacing: 2pt;
	background-color: #D8D8D8;
}

  
.border_b {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

.border_br {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	border-right-style: dotted;
	width: 25px;
	border-top-style: none;
	border-left-style: none;
}

.border_bl {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	border-right-style: none;
	border-left-style: dotted;
	width: 25px;
	border-top-style: none;
}

.border_r {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: none;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	border-right-style: dotted;
	border-left-style: none;
	border-top-style: none;
}

.border_l {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: none;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	border-right-style: none;
	border-left-style: dotted;
}

.border_l, .border_r ,.border_bl, .border_br, .border_b {
	padding: 10px;
	margin: 10px;
	
}

.some_padding {
	padding: 10px;
	margin: 10px;
}

.small_pad {
	padding: 5px;
	margin: 0px;
	vertical-align: bottom;
}