/*
ADL 2015 Styles
by David Campbell
*/

/* ---------------------------------------------------------------------------------- spacing */
.marginTop10 				{margin-top:10px;}

.marginTop20 				{margin-top:20px;}

.marginRight10 				{margin-right:10px;}

.marginRight20 				{margin-right:20px;}

.marginRight30 				{margin-right:0px;}

.clear, clear					{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0px;}

.clear1, clear1				{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 1px;}

.clear2, clear2				{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 2px;}

.clear3, clear3				{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 3px;}

.clear4, clear4				{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 4px;}

.clear5, clear5				{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 5px;}

.clear6, clear6			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 10px;}

.clear7, clear7			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 10px;}

.clear8, clear8			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 10px;}

.clear9, clear9			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 10px;}

.clear10	, clear10			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 10px;}

.clear15	, clear15			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 15px;}

.clear20	, clear20			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 20px;}

.clear25	, clear25			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 25px;}

.clear30	, clear30			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 30px;}

.clear35	, clear35			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 35px;}

.clear40	, clear40			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 40px;}

.clear45	, clear45			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 45px;}

.clear50	, clear50			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 50px;}

.clear55	, clear55			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 55px;}

.clear60	, clear60			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 60px;}

.clear65	, clear65			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 65px;}

.clear70	, clear70			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 70px;}

.clear75	, clear75			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 75px;}

.clear80	, clear80			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 80px;}

.clear85	, clear85			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 85px;}

.clear90	, clear90			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 90px;}

.clear95	, clear95			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 95px;}

.clear100, clear100			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 100px;}

.clear105, clear105			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 105px;}

.clear110, clear110			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 110px;}

.clear115, clear115			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 115px;}

.clear120, clear120			{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 120px;}



/* ---------------------------------------------------------------------------------- div table */

.divTable	{display:table;width:100%;}

.divTableRow	{display:table-row;}

.divTableCell	{display:table-cell;}

/* ---------------------------------------------------------------------------------- keyline */

.keyline1, keyline1				{clear: both; display: block; overflow: hidden; visibility: visible; width: 100%; height: 1px;background:#dddddd;}


/* ---------------------------------------------------------------------------------- width */
.width20	{width:20px;}

/* ---------------------------------------------------------------------------------- positioning */
.left 						{float:left; position:relative;}
	
.right						{float:right; position:relative;}

.center, .centre		{margin-right:auto; margin-left:auto;} /* needs element to have exact width to work */

/* ---------------------------------------------------------------------------------- typography */
.alignLeft					{text-align: left;} 	.textLeft					{text-align: left;}

.alignCentre				{text-align: center;} 	.textCentre					{text-align: center;}
.alignCenter				{text-align: center;} 	.textCenter					{text-align: center;}

.alignRight					{text-align: right;}	.textRight					{text-align: right;}

.textJustify					{text-align:justify;}

.bold							{font-weight: bold;}

.font10						{font-size: 10px;}

.font11						{font-size: 11px;}

.font12						{font-size: 12px;}

.font13						{font-size: 13px;}

.font14						{font-size: 14px;}

.font16						{font-size: 16px;}

.font24						{font-size: 24px;}

.font30						{font-size: 30px;}

/* ---------------------------------------------------------------------------------- colours */
/* Brand Colours */
.textCis						{color: #f0941e;}

.textUmbrella				{color: #1a5174;}

.textFreelance			{color: #ee2a7b;}

.textGeneric				{color: #535061;}

.textMint					{color: #2eb7ae;}
/* END Brand Colours */

.textGray1					{color: #dddddd;}
	
.textGray2					{color: #696969;}
		
.textGray3					{color: #e9e9e9;}
	
.textGray4					{color: #434343;}

.textWhite					{color: #ffffff;}

.textBlack					{color: #000000;}

.textFF9900				{color: #ff9900;}

/* ---------------------------------------------------------------------------------- background colours */
/* generic colours */

.white						{background-color: #ffffff;}

.bkgGray1					{background-color: #dddddd;}
	
.bkgGray2					{background-color: #696969;}
		
.bkgGray3					{background-color: #e9e9e9;}
	
.bkgGray4					{background-color: #434343;}

.bkgWhite					{background-color: #ffffff;}

.bkgBlack					{background-color: #000000;}

/* ---------------------------------------------------------------------------------- cursors */
.noCursor
	{
	cursor:none;
	}

.noBlink:focus
	{
	color: transparent;
    text-shadow: 0 0 0 gray;
	}

.cursorPointer
	{
	cursor:pointer;
	}

.cursorDefault
	{
	cursor:default;
	}


/* ---------------------------------------------------------------------------------- font families */

/*
---------------------
remember to import Arimo from google fonts

and PT Sans if you want Myriad Pro
--------------------
*/

.serif 
	{
	font-family: Georgia, "Bitstream Charter", "Charis SIL", Utopia, "URW Bookman L", serif;
	}

.times 
	{
	font-family: "TeX Gyre Termes", TeXGyreTermes, "Nimbus Roman No9 L",
                     STIXGeneral, FreeSerif, Times, "Times New Roman",
                     "Liberation Serif", serif;
	}

.sans, .smallsans 
	{
	font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros",
                     TeXGyreHeros, FreeSans, "Nimbus Sans L",
                     "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
	}

.mss 
	{
	font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros",
                     TeXGyreHeros, FreeSans, "Nimbus Sans L",
                     "Microsoft Sans Serif",
                     "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
	}

code, kbd, pre, samp, tt 
	{
	font-family: "Courier 10 Pitch", "Courier Std", Consolas, Courier,
                     "TeX Gyre Cursor", TeXGyreCursor, "Nimbus Mono L",
                     FreeMono, "Courier New", monospace;
	}

.Myriad
	{
	font-family: Myriad Pro, 'PT Sans', sans-serif;
	}


/* ---------------------------------------------------------------------------------- content padder */

.contentPadder10
	{
	display:block;
	float:left;
	position:relative;
	width:100%;
	height:100%;
	padding:10px;
	background:transparent;
	}