/**
 * templates.css, phpDocumentor Quickstart
 *
 * @author Chris Toynbee <christopher.toynbee@selssp.nhs.uk>
 * @version 0.9
 * @package sdk2
*/

/* DONT PUT ANY STYLE CLASSES BEFORE THIS TOP ONE AND DONT CHANGE THE NAME */
.templates{
	/* This class just identifies the stylesheet - don't change */
}
/* DONT PUT ANY STYLE CLASSES BEFORE THIS TOP ONE AND DONT CHANGE THE NAME */

/**
 * Any properties required by all divs
 *
*/

div{
}	

/**
 * Template 1
 *
*/

.t1{
	width: 100%;
	/* border: dashed 1px #ccc; */
	/*margin: 4px;*/
	display: block;

}	

.t1-d1{
	float: left;
	/* border: dashed 1px #ccc; */
	width: 100%;
	/*margin: 4px;*/
		
}

.t1-d2{
	display: inline;
	float: left;
	width: 50%;
	/* border: dashed 1px #ccc; */
	
}

.t1-d3{
	display: inline;
	float: right;	
/**
 * This is not 50% because of the border. If border is 0 then this can be 50% 
 * non IE browser render the border after the 50% causing the div to pop to the next line.
*/	
	width: 49.5%;
	/* border: dashed 1px #ccc; */
}

.t1-d4{
	float: right;
	width: 100%;
	/* border: dashed 1px #ccc; */
	/*margin: 4px;*/

}

/**
 * Template 2
 *
*/

.t2{
	width: 100%;
	/* border: dashed 1px #ccc; */
	/*margin: 4px;*/
	display: block;

}	

.t2-d1{
	display: inline;
	float: left;
	width: 50%;
	/* border: dashed 1px #ccc; */
	
}

.t2-d2{
	display: inline;
	float: right;	
/**
 * This is not 50% because of the border. If border is 0 then this can be 50% 
 * non IE browser render the border after the 50% causing the div to pop to the next line.
*/	
	width: 49.5%;
	/* border: dashed 1px #ccc; */
}

.t2-d3{
	float: right;
	width: 100%;
	/* border: dashed 1px #ccc; */
	/*margin: 4px;*/

}

/**
 * Template 3
 *
*/

.t3{
	width: 100%;
	/* border: dashed 1px #ccc; */
	/*margin: 4px;*/
	display: block;

}	

.t3-d1{
	float: right;
	width: 100%;
	/* border: dashed 1px #ccc; */
	/*margin: 4px;*/

}

.t3-d2{
	display: inline;
	float: left;
	width: 50%;
	/* border: dashed 1px #ccc; */
	
}

.t3-d3{
	display: inline;
	float: right;	
/**
 * This is not 50% because of the border. If border is 0 then this can be 50% 
 * non IE browser render the border after the 50% causing the div to pop to the next line.
*/	
	width: 49.5%;
	/* border: dashed 1px #ccc; */
}

/**
 * Template 4
 *
*/

.t4{
	width: 100%;
	/* border: dashed 1px #ccc; */
	/*margin: 4px;*/
	display: block;

}	

.t4-d1{
	display: inline;
	float: left;
	width: 50%;
	/* border: dashed 1px #ccc; */
	
}

.t4-d2{
	display: inline;
	float: right;	
/**
 * This is not 50% because of the border. If border is 0 then this can be 50% 
 * non IE browser render the border after the 50% causing the div to pop to the next line.
*/	
	width: 49.5%;
	/* border: dashed 1px #ccc; */
}

/**
 * Template 5
 *
*/

.t5{
	width: 100%;
	/* border: dashed 1px #ccc; */
	/*margin: 4px;*/
	display: block;

}	

.t5-d1{
	display: inline;
	float: left;
	width: 33%;
	/* border: dashed 1px #ccc; */
	
}

.t5-d2{
	display: inline;
	float: left;	
	width: 33.5%;
	/* border: dashed 1px #ccc; */
}

.t5-d3{
	display: inline;
	float: left;	
	width: 33%;
	/* border: dashed 1px #ccc; */
}

/**
 * Template 6
 *
*/

.t6{
	width: 100%;
	/* border: dashed 1px #ccc; */
	/*margin: 4px;*/
	display: block;

}	

.t6-d1{
	display: inline;
	float: left;
	width: 75%;
	/* border: dashed 1px #ccc; */
}

.t6-d2{
	display: inline;
	float: right;		
	width: 25%;
	/* border: dashed 1px #ccc; */
}

/**
 * Template 7
 *
*/

.t7{
	width: 100%;
	/* border: dashed 1px #ccc; */
	/*margin: 4px;*/
	display: block;

}	

.t7-d1{
	display: inline;
	float: left;
	width: 25%;
	/* border: dashed 1px #ccc; */
	
}

.t7-d2{
	display: inline;
	float: right;	
	width: 75%;
	/* border: dashed 1px #ccc; */
}

/**
 * Template 8
 *
*/

.t8{
	width: 100%;
	/* border: dashed 1px #ccc; */
	/*margin: 4px;*/
	display: block;
}	

.t8-d1{
	display: inline;
	float: left;
	width: 100%;
	/* border: dashed 1px #ccc; */
	
}

