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

 	Blocks - v1.0
	* One of its kind, A Content First CSS Framework
 
 	Blocks author and architect: Kenneth Illman 
	Blocks grid generator maker: Anders Ekelund
    * Copyright (c) 2010 Blocks - Kenneth Illman

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


/*------------------------------------------------
 * UMC Monitoring Medicines - Master Css
 *------------------------------------------------

# TABLE OF CONTENT
#
# - Reset
#
# - Grid
# - - width-x 	
# - - before-x 	
# - - after-x 	
# - - left-x	(Content first layout)
# - - content-x	(Content first layout)
#
# - Typography
# - - Global
# - - Headers
# - - Links
#
# - Redefined standard elements
# - - CMS
#
# - Layout
# - - Content First Containers 
#
# - Content
# - - Header
# - - Main Navigation
# - - Bottom / Footer
# - - Startpage
# - - Subpage
#
# - Common Elements ------
# - - Backgrounds
# - - Borders
# - - Boxes
# - - Buttons & Links
# - - Colors
# - - Forms
# - - Lists
# - - Tables
#
# - Misc ------------------
# - - Display
# - - Text
# - - Floats
# - - Positioning
# - - Transparency / Opacity
# - - Clearing
# - - Font sizes
# - - Z-index
# - - Margins
# - - Paddings
#
#----------------------------------------------
# Glossary
#
#	act					- active
#	b bt bl bb br		- Border Top, Left, Bottom, Right
#	bg					- Background
#	cf					- Content First
#	d dIn dBl dInBl   	- Display Inline, Block, Inline-block
#	f					- Float
#	f10					- Font (1em)
#	H					- Holder (classNameH)
#	le					- Left
# 	m mt mr mb ml     	- Margin Top, Right, Bottom, Left
# 	p pt pr pb pl	 	- Padding Top, Right, Bottom, Left
#   pos1				- Position(1,2,3 etc.)
#	ri					- right
#	Sp				 	- Spacer (tagNameSp) 
# 	txt txtL txtR txtC	- Text Left, Right, Center
#	z					- Z-index
#
#----------------------------------------------
# Colors
#	
#	Logo Red:		 #be0f1e
#	Logo Orange:	 #ec7406
#   
#----------------------------------------------*/

/*---------------------------------------------*/
/*################## Reset ####################*/
/*---------------------------------------------*/

	/* Eric Meyer’s Global Reset ++ */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	ol, ul, li, input, textarea,
	fieldset, form, label, legend{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

	/* Remember to define focus styles! */
	:focus {outline:0; -moz-outline-style: none;}
	
	html {overflow:-moz-scrollbars-vertical}

	ol, ul {list-style:none}

	/* Tables still need 'cellspacing="0"' in the markup */
	table {border-collapse:separate; border-spacing:0}

	caption, th, td {text-align:left;font-weight: normal}

	blockquote:before, blockquote:after,q:before, q:after {content:""}

	blockquote, q {quotes: "" ""}

	a img {border:0}
	

/*---------------------------------------------*/
/*################## Grid ######################
-------------------------------------------------

  		* Page width:            940 px
   		* Number of columns:     16
    	* Column width:          40 px
    	* Margin width:          20 px             

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

		/* Sets up basic grid floating and positioning */
        .width-1, .width-2, .width-3, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-11, .width-full
		{float:left; position:relative;} /* ie fix */

		/* Use these classes to set the width of a column */
		.width-1  {width: 40px}
		.width-2  {width: 100px}
		.width-3  {width: 160px}
		.width-4  {width: 220px}
		.width-5  {width: 280px}
		.width-5x  {width: 240px}
		.width-6  {width: 340px}
		.width-7  {width: 400px}
		.width-8  {width: 460px}
		.width-9  {width: 520px}
		.width-10  {width: 580px}
		.width-11  {width: 640px}
		.width-11x  {width: 660px}
		.width-12  {width: 700px}
		.width-12x  {width: 670px}
		.width-13  {width: 760px}
		.width-14  {width: 820px}
		.width-15  {width: 880px}
		.width-full  {width: 940px}


		/* Add these to column for empty space before the column */
		.before-1  {padding-right: 50px}
		.before-2  {padding-right: 110px}
		.before-3  {padding-right: 170px}
		.before-4  {padding-right: 230px}
		.before-5  {padding-right: 290px}
		.before-6  {padding-right: 350px}
		.before-7  {padding-right: 410px}
		.before-8  {padding-right: 470px}
		.before-9  {padding-right: 530px}
		.before-10  {padding-right: 590px}
		.before-11  {padding-right: 650px}
		.before-12  {padding-right: 710px}
		.before-13  {padding-right: 770px}
		.before-14  {padding-right: 830px}
		.before-15  {padding-right: 890px}


		/* Add these to column for empty space after the column */
		.after-1  {padding-left: 50px}
		.after-2  {padding-left: 110px}
		.after-3  {padding-left: 170px}
		.after-4  {padding-left: 230px}
		.after-5  {padding-left: 290px}
		.after-6  {padding-left: 350px}
		.after-7  {padding-left: 410px}
		.after-8  {padding-left: 470px}
		.after-9  {padding-left: 530px}
		.after-10  {padding-left: 590px}
		.after-11  {padding-left: 650px}
		.after-12  {padding-left: 710px}
		.after-13  {padding-left: 770px}
		.after-14  {padding-left: 830px}
		.after-15  {padding-left: 890px}

		
		/* Left column placement */
		.left-1  {left: -40px}
		.left-2  {left: -100px}
		.left-3  {left: -160px}
		.left-4  {left: -220px}
		.left-5  {left: -280px}
		.left-6  {left: -340px}
		.left-7  {left: -400px}
		.left-8  {left: -460px}
		.left-9  {left: -520px}
		.left-10  {left: -580px}
		.left-11  {left: -640px}
		.left-12  {left: -700px}
		.left-13  {left: -760px}
		.left-14  {left: -820px}
		.left-15  {left: -880px}


		/* The Content first container placement */
		.content-0  {left: 0}
		.content-1  {left: 50px}
		.content-2  {left: 110px}
		.content-3  {left: 170px}
		.content-4  {left: 240px}
		.content-4x  {left: 270px}
		.content-5  {left: 290px}
		.content-6  {left: 350px}
		.content-7  {left: 410px}
		.content-8  {left: 470px}
		.content-9  {left: 530px}
		.content-10  {left: 590px}
		.content-11  {left: 650px}
		.content-12  {left: 710px}
		.content-13  {left: 770px}
		.content-14  {left: 830px}
		.content-15  {left: 890px}
		.content-16  {left: 950px}


/*---------------------------------------------*/
/*############### Typography ##################*/
/*---------------------------------------------*/

/* Global */

	body {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		line-height: 1.4; /* Unitless for proper inheritance */
		color: #616161;
	}

	/* The top one is for IE: The percentage is of 16px (default IE text size)
	   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
	   The second value is what all other browsers see (the wanted font size). */

	body          {font-size: 62.5%}	/* IE */
	html > body   {font-size: 10px}		/* Other browsers */

	/* Keep P font-size as inherit for proper CMS usage */
	p			  {font-size:inherit!important;}
	
    

/* - - Headers - */

	h1,h2,h3,h4,h5,h6 {font-weight:bold; line-height:1.2em; font-family: Arial, Helvetica, Verdana, sans-serif;}
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration: none}

	h1 {font-size:4.0em;}
	h2 {font-size:2.4em;}
	h3 {font-size:1.6em;}
	h4 {font-size:1.5em;}
	h5 {font-size:1.2em;}
	h6 {font-size:1.0em;}

/* - - Links - */
   
   	/* LoVe/HAte-order */
    a				{ }
	a:link 			{ }  
	a:visited 		{ }  
	a:hover 		{ }  
	a:active 		{ }
	a:focus			{ }
    

/*---------------------------------------------*/
/*########  Redefined standard elements #######*/
/*---------------------------------------------*/

	body 				{background: #f9f5f4 url(../images/misc/body_bg.gif) repeat-y top; padding:0 0 20px; }
	p 					{padding:0 0 1.2em;}
	strong				{font-weight:bold;}
    blockquote		    {font-style:italic;}
    

/* - - CMS - */

    
	.CMS h1, .CMS h2, .CMS h3, .CMS h4, .CMS h5, .CMS h6 {
            font-weight:bold;
            font-style:normal;
            font-family:inherit; 
            line-height:1.2em!important; 
            margin:0; 
            padding:0 0 0.3em !important;
			color:#3e3d3d}
	
	.CMS h1 			{font-size:2.09em; color:#7f3721; font-weight:normal; padding:0 0 10px!important; }
	.CMS h2 			{font-size:1.36em;}
	.CMS h3 			{font-size:1.09em;}
	.CMS h4 			{font-size:1.06em;}
	.CMS h5 			{font-size:1.03em;}
	.CMS h6 			{font-size:1em;}
	
	.CMS				{font-size:1.1em;}

	.CMS  blockquote  	{margin: 1.5em; font-style: italic;}
	.CMS  strong       	{font-weight: bold;}
	.CMS  em,dfn      	{font-style: italic;}
	.CMS  dfn         	{font-weight: bold;}
	.CMS  sup, sub    	{line-height: 0;}

	.CMS  pre 			{margin: 1.5em 0; white-space: pre; }
	.CMS  pre,code,tt 	{font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

	.CMS  li ul,
	.CMS  li ol       	{margin: 0; }
	.CMS  ul, ol      	{list-style-position:inside;}

	.CMS  ul          	{list-style-type: disc;}
	.CMS  ol          	{list-style-type: decimal;}

    .CMS a:link       	{color:#105993;}      
    .CMS a:visited    	{color:#105993;}     
    .CMS a:hover      	{color:#105993; text-decoration: none;}
    .CMS a:active     	{color:#105993;} 

/*---------------------------------------------*/
/*################## Layout ###################*/
/*---------------------------------------------*/   

/* - - Content first holders - */
		 
    /*** NO PADDING ALLOWED IN THIS SECTION ***/ 
	.cf-container 			{margin:0 auto; text-align:left; background:#FFF} 
	.cf-header 				{position:absolute; top:0; left:0; height:165px; background:url(../images/misc/bgHeaderStrip.jpg) no-repeat top left; } 
	.cf-content 			{float:left; position:relative;}
	.cf-rightH				{float:right; height:auto;}
	.cf-leftH				{}
	.cf-bottom 				{float:left; width:100%; border-top:1px solid #dadada; margin:88px 0 0; height:60px;}
	
	/* cfSp = Content first spacer
	   Setting the placement to the main containers from the top (cf-content, cf-rightH, cf-leftH) */
	.cfSp		 			{margin-top:205px}
    
    /*** NO PADDING ALLOWED IN THIS SECTION ***/
     cf-container, .cf-header, .cf-content, .cf-rightH, .cf-leftH , .cf-bottom, .cfSp {padding:0!important}  


	
/*---------------------------------------------*/
/*################## Content ##################*/
/*---------------------------------------------*/

	.wrapper				{width:940px;  
			 		 		 padding:0 18px; margin:0 auto; border-bottom:1px solid #eee; 
							 border-left:1px solid #eee; border-right:1px solid #eee;}

/* - - Header - */

	/* Logo holder*/
	.logo 					{position:absolute; top:21px; left:-10px; height:36px; width:323px;}
	.logo a					{display: block; height: 113px; width:275px; overflow: hidden;
		 	  	      		 background: url(../images/misc/MonitoringLogo.jpg) no-repeat} 
							 
	/* Navigation holder */
	.navigation				{position:absolute; top:125px; left:0; width:940px; height:40px; background:url(../images/misc/bgMenu.jpg) no-repeat;} /* ie6 fix */
	
/* - - Navigation - */

	/* Main nav */
	.navigation ul 					{ margin: 0; padding: 0 0 0 17px; list-style: none; }
	.navigation li 					{ float: left; display: inline-block; background: url(../images/misc/bgDivder.jpg) no-repeat 0 12px; padding: 12px 12px 0 12px; height: 40px; }
	.navigation .first 				{ background: none !important; }
	.navigation li a 				{ display: inline-block; font-size: 1.2em; color: #616161; text-decoration: none; }
	.navigation li a:hover 			{ color: #000; }
	.navigation .active a 			{ color: #263967; font-weight: bold; }
	.navigation .active a:hover 	{ color: #263967; font-weight: bold; }

	

	/* Sub nav */
	.leftNavBottom h5 						{ color: #263967; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 1px 0 6px 0; }
	.leftNavBottom ul 						{ list-style-type: none; margin: 0; padding: 0; }
	.leftNavBottom ul li 					{ width: 174px; border-bottom: solid 1px #e5e4e4; }
	.leftNavBottom ul li.last				{ border:none;}
	.leftNavBottom ul li a 					{ text-decoration: none; color: #6d6d6d; font: 11px Verdana, Arial, Helvetica, sans-serif; 
											  background: url(../images/misc/btnArrowGray.gif) no-repeat left 9px; padding: 5px 0 6px 10px; display: inline-block; }
	.leftNavBottom ul li a:hover 			{ text-decoration: underline; }
	.leftNavBottom ul .active a 			{ background: url(../images/misc/btnArrowBlue.gif) no-repeat left 10px; font-weight: bold; color: #263967; }
	.leftNavBottom ul .first 				{ border-top: solid 1px #e5e4e4; }
	.leftNavbottom ul .last 				{ border: none; }
	.leftNavBottom ul ul li 				{ border: none; }
	.leftNavBottom ul ul li a 				{ background: none !important; text-decoration: none; color: #6d6d6d !important; 
											  font-weight: normal !important; display: inline-block; padding: 1px 0 1px 10px!important }
	.leftNavBottom ul ul li.subListfirst 	{ padding: 0 }
	.leftNavBottom ul ul li.last 			{ padding: 0 0 4px; }
	.leftNavBottom ul ul .active a 			{ background: none !important; font-weight: bold !important; color: #263967 !important; }
 
	
	.leftNavBottom ul ul li a 		{ background: none !important; text-decoration: none; color: #6d6d6d !important; font-weight: normal !important; 
										  display: inline-block; padding: 1px 0 1px 10px!important}
	
	.leftNavBottom ul ul li.subListfirst 		{ padding:0 }									  
    .leftNavBottom ul ul li.last 				{ padding:0 0 4px}
										  
	.leftNavBottom ul ul .active a 	{ background: none !important; font-weight: bold !important; color: #263967 !important; }
	

/* - - Bottom - - */

	.cf-bottom p { padding: 8px 0 0 0; float: left; font-size: 1.1em; }
	.cf-bottom a { display: block; padding: 7px 0 0 0; }
	.cf-bottom ul { display: block; float: right; }
	.cf-bottom li { display: block; float: left; padding: 0 0 0 26px; }

/* - - Startpage - */
	
	.topImage 					{ width: 659px; height: 247px; background: url(../images/misc/topImage.jpg) no-repeat; }
	.newsSpot h3 				{ width: 240px; height: 28px; background: url(../images/misc/bgNews.jpg) no-repeat; color: #fff; padding: 9px 0 0 15px; }
	.bulletinTopBox 			{ background: url(../images/misc/spriteNews.png) no-repeat right bottom; width: 240px; margin: 0 0 4px 0; }
	.bulletinBottomBox 			{ background: url(../images/misc/spriteNews.png) no-repeat top left; width: 195px; padding: 12px 30px 18px 15px; min-height: 80px; }
	.bulletinBottomBox h5 		{ color: #263967; }
	.bulletinBottomBox p 		{ color: #717171; font-size: 1.1em; padding: 6px 0; }
	.bulletinBottomBox a 		{ color: #263967; text-decoration: none; font-size: 1.1em; display:block }
	.bulletinBottomBox a:hover 	{ text-decoration: underline; }
	
	.archiveTopBox 				{ background: url(../images/misc/spriteArchive.gif) no-repeat right bottom; width: 240px; padding-bottom: 9px; }
	.archiveBottomBox 			{ background: url(../images/misc/spriteArchive.gif) no-repeat top left; width: 240px; min-height: 21px; }
	.archiveBottomBox span 		{ display: inline-block; padding: 10px 0 0 15px; color: #a1a1a1; }
	.archiveBottomBox a 		{ color: #a1a1a1; font-size: 1.1em; text-decoration: none; }
	.archiveBottomBox a:hover 	{ text-decoration: underline; }
	
	.contentSpot				{margin: 40px 0 0 0;}
	.contentSpot h1				{color:#263967; display:inline;}
	.contentSpot h2				{color:#7f3721; display:inline;}
	.aboutSpot					{float:left; width:312px; margin: 50px 35px 0 0;}
	.aboutSpot h3				{color:#7f3721; border-bottom:solid 1px #dadada; padding: 0 0 10px 0; margin: 0 0 14px 0;}
	.aboutSpot span				{font-size:1.2em; color:#656666; padding: 0 10px 0 0; display:block;}
	.whatSpot					{float:left; width:312px; margin: 50px 0 0 0;}
	.whatSpot h3				{color:#7f3721; border-bottom:solid 1px #dadada; padding: 0 0 10px 0; margin: 0 0 14px 0;}
	.whatSpot span					{font-size:1.2em; color:#656666; padding: 0 10px 0 0; display:block;}
	
/* - - Subpage - */

	.leftNavTop 			{ width: 219px; background: url(../images/misc/spriteMenuSubpage.gif) no-repeat right bottom; }
	.leftNavBottom 			{ width: 191px; background: url(../images/misc/spriteMenuSubpage.gif) no-repeat left top; padding: 24px 0 28px 28px; }
	.subContent 			{ width: 520px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 30px; }
	.subContent a 			{ color: #33529e; text-decoration: underline; }
	.subContent a:hover 	{ text-decoration: none; }

	

/*---------------------------------------------*/
/*############# Common Elements ###############*/
/*---------------------------------------------*/

/* - - Backgrounds - */
	.bgBlack 		{background:#000;}
	.bgGray			{background:#888;}

/* - - Borders - */
	.bNo		{border:none}

/* - - Boxes - */

/* - - Buttons & Links - */

	.buttonV1       	{display:block; margin:0 10px 10px; color:#fff; background:#d6d6d6; padding:4px 4px 3px;}
	.buttonV1:hover 	{background-color:#bebebe;}

/* - - Colors - */	 
	.red		{color:#F00}
	.orange		{color:#ff6600}
		
/* - - Forms - */

/* - - Lists - */

/* - - Tables- */


/*---------------------------------------------*/
/*############## Miscellaneous ################*/
/*---------------------------------------------*/

.selected	{height:200px} /* Blocks - make longest class added with jquery */

/* - - General Classes - */	
    .indentH5 							{display:block; padding:0 5px 0;}
	.indentH10 							{display:block; padding:0 10px 0;}
		
	.hand		{cursor:pointer}
	.noWrap		{white-space:nowrap}	
	
/* - Display - */
	.dIn 		{display:inline}
	.dInBl 		{display:inline-block}
	.dBl, .show	{display:block}
	.hide       {display:none}

/* - Text - */
	.txtL		{text-align:left}
	.txtR		{text-align:right}
	.txtC		{text-align:center}
	.uLine	    {text-decoration:underline}
	.bold		{font-weight:bold}
	.normal		{font-weight:normal}
	.italic  	{font-style:italic}
	.capitalize	{text-transform:capitalize}
	.upperCase	{text-transform:uppercase}
	
/* - Floats - */
	.fLeft		{float:left}
	.fRight		{float:right}
	.fNo		{float:none}
	
/* - Positioning - */
	.absolute	{position:absolute}
	.relative	{position:relative}
	.static		{position:static}
	.fixed		{position:fixed}
	
	.pos1, .pos2, .pos3, .pos4, .posTL, .posTR, .posBL, .posBR 
	{position:absolute; display:inline-block; z-index:2;}
	
	.pos1		{top:-8px; left:-12px; z-index:800;}

	.posTL 		{top:0px; left:0px}  
	.posTR 		{top:0px; right:0px}  
	.posBL 		{bottom:0px; left:0px}  
	.posBR		{bottom:0px; right:0px}
	
/* - Transparency / Opacity - */
	.op25 		{opacity: 0.25; filter:alpha(opacity=25);
				 -khtml-opacity: 0.25; -moz-opacity:0.25}
	.op50 		{opacity: 0.5; filter:alpha(opacity=50);
				 -khtml-opacity: 0.5; -moz-opacity:0.5}	
	.op75 		{opacity: 0.75; filter:alpha(opacity=75);
				 -khtml-opacity: 0.75; -moz-opacity:0.75}
	
/* - Clearing - */
	.clear:after	{content: "\0020"; display: block; height: 0; clear: both;
  					 visibility: hidden; overflow:hidden;}
	.clear			{display:block; clear:both}

/* - Font sizes - */
	.f9 {font-size:0.9em;}
	.f10{font-size:1.0em;}
	.f11{font-size:1.1em;}
	.f12{font-size:1.2em;}
	.f14{font-size:1.4em;}
	.f16{font-size:1.6em;}
	.f18{font-size:1.8em;}
	.f20{font-size:2.0em;}
	.f22{font-size:2.2em;}
	.f24{font-size:2.4em;}
	.f26{font-size:2.6em;}
	.f28{font-size:2.8em;}   


/*-----------------*/
/***** Margins *****/
/*-----------------*/
	
/* TRouBLed-order: Top, Right, Bottom, Left */

.m0{margin:0} .m1{margin:1px} .m2{margin:2px} .m3{margin:3px} .m4{margin:4px} .m5{margin:5px} .m6{margin:6px} .m8{margin:8px} .m10{margin:10px} .m12{margin:12px} .m14{margin:14px} .m16{margin:16px} .m20{margin:20px}
	
/* - Margin Top - */

.mt0{margin-top:0} .mt1{margin-top:1px} .mt2{margin-top:2px} .mt3{margin-top:3px} .mt4{margin-top:4px} .mt5{margin-top:5px} .mt6{margin-top:6px} .mt8{margin-top:8px} .mt10{margin-top:10px} .mt12{margin-top:12px} .mt14{margin-top:14px} .mt16{margin-top:16px} .mt20{margin-top:20px}

/* - Margin Right - */

.mr0{margin-right:0} .mr1{margin-right:1px} .mr2{margin-right:2px} .mr3{margin-right:3px} .mr4{margin-right:4px} .mr5{margin-right:5px} .mr6{margin-right:6px} .mr8{margin-right:8px} .mr10{margin-right:10px} .mr12{margin-right:12px} .mr14{margin-right:14px} .mr16{margin-right:16px} .mr20{margin-right:20px}

/* - Margin Bottom - */

.mb0{margin-bottom:0} .mb1{margin-bottom:1px} .mb2{margin-bottom:2px} .mb3{margin-bottom:3px} .mb4{margin-bottom:4px} .mb5{margin-bottom:5px} .mb6{margin-bottom:6px} .mb8{margin-bottom:8px} .mb10{margin-bottom:10px} .mb12{margin-bottom:12px} .mb14{margin-bottom:14px} .mb16{margin-bottom:16px} .mb20{margin-bottom:20px}

/* - Margin Left - */

.ml0{margin-left:0} .ml1{margin-left:1px} .ml2{margin-left:2px} .ml3{margin-left:3px} .ml4{margin-left:4px} .ml5{margin-left:5px} .ml6{margin-left:6px} .ml8{margin-left:8px} .ml10{margin-left:10px} .ml12{margin-left:12px} .ml14{margin-left:14px} .ml16{margin-left:16px} .ml20{margin-left:20px}	

/*------------------*/
/***** Paddings *****/
/*------------------*/

/* TRouBLed-order: Top, Right, Bottom, Left */

.p0{padding:0} .p1{padding:1px} .p2{padding:2px} .p3{padding:3px} .p4{padding:4px} .p5{padding:5px} .p6{padding:6px} .p8{padding:8px} .p10{padding:10px} .p12{padding:12px} .p14{padding:14px} .p16{padding:16px}  .p20{padding:20px}

/* - Padding Top - */

.pt0{padding-top:0} .pt1{padding-top:1px} .pt2{padding-top:2px} .pt3{padding-top:3px} .pt4{padding-top:4px} .pt5{padding-top:5px} .pt6{padding-top:6px} .pt8{padding-top:8px} .pt10{padding-top:10px} .pt12{padding-top:12px} .pt14{padding-top:14px} .pt16{padding-top:16px}  .pt20{padding-top:20px}
	
/* - Padding Right - */	

.pr0{padding-right:0} .pr1{padding-right:1px} .pr2{padding-right:2px} .pr3{padding-right:3px} .pr4{padding-right:4px} .pr5{padding-right:5px} .pr6{padding-right:6px} .pr8{padding-right:8px} .pr10{padding-right:10px} .pr12{padding-right:12px} .pr14{padding-right:14px} .pr16{padding-right:16px}  .pr20{padding-right:20px}

/* - Padding Bottom - */

.pb0{padding-bottom:0}  .pb1{padding-bottom:1px} .pb2{padding-bottom:2px} .pb3{padding-bottom:3px} .pb4{padding-bottom:4px} .pb5{padding-bottom:5px} .pb6{padding-bottom:6px} .pb8{padding-bottom:8px} .pb10{padding-bottom:10px} .pb12{padding-bottom:12px} .pb14{padding-bottom:14px} .pb16{padding-bottom:16px}  .pb20{padding-bottom:20px} .pb40{padding-bottom:40px}
	
/* - Padding Left - */	

.pl0{padding-left:0} .pl1{padding-left:1px} .pl2{padding-left:2px} .pl3{padding-left:3px} .pl4{padding-left:4px} .pl5{padding-left:5px} .pl6{padding-left:6px} .pl8{padding-left:8px} .pl10{padding-left:10px} .pl12{padding-left:12px} .pl14{padding-left:14px} .pl16{padding-left:16px}  .pl20{padding-left:20px} 


.login input {border: solid 1px #616161; padding: 2px 3px; }
.login .textbox {width: 200px;}

.description {margin: 0; padding: 0;}
.lastmodified {margin: 0; padding: 0;}
UL.documents {list-style-type: none; list-style-position: inside; margin: 12px 0;}
UL.documents A {display: block; padding: 0 0 0 20px; line-height: 16px; }
UL.documents A.other {background: transparent url(../images/files/other.gif) top left no-repeat;}
UL.documents A.ai {background: transparent url(../images/files/ai.gif) top left no-repeat;}
UL.documents A.avi {background: transparent url(../images/files/avi.gif) top left no-repeat;}
UL.documents A.cdr {background: transparent url(../images/files/cdr.gif) top left no-repeat;}
UL.documents A.cdt {background: transparent url(../images/files/cdt.gif) top left no-repeat;}
UL.documents A.clk {background: transparent url(../images/files/clk.gif) top left no-repeat;}
UL.documents A.cmx {background: transparent url(../images/files/cmx.gif) top left no-repeat;}
UL.documents A.doc {background: transparent url(../images/files/doc.gif) top left no-repeat;}
UL.documents A.dwg {background: transparent url(../images/files/dwg.gif) top left no-repeat;}
UL.documents A.dxf {background: transparent url(../images/files/dxf.gif) top left no-repeat;}
UL.documents A.eps {background: transparent url(../images/files/eps.gif) top left no-repeat;}
UL.documents A.folder {background: transparent url(../images/files/folder.gif) top left no-repeat;}
UL.documents A.gif {background: transparent url(../images/files/gif.gif) top left no-repeat;}
UL.documents A.htm {background: transparent url(../images/files/htm.gif) top left no-repeat;}
UL.documents A.html {background: transparent url(../images/files/html.gif) top left no-repeat;}
UL.documents A.jpeg {background: transparent url(../images/files/jpeg.gif) top left no-repeat;}
UL.documents A.jpg {background: transparent url(../images/files/jpg.gif) top left no-repeat;}
UL.documents A.mov {background: transparent url(../images/files/mov.gif) top left no-repeat;}
UL.documents A.mp3 {background: transparent url(../images/files/mp3.gif) top left no-repeat;}
UL.documents A.mpeg {background: transparent url(../images/files/mpeg.gif) top left no-repeat;}
UL.documents A.mpg {background: transparent url(../images/files/mpg.gif) top left no-repeat;}
UL.documents A.pdf {background: transparent url(../images/files/pdf.gif) top left no-repeat;}
UL.documents A.plt {background: transparent url(../images/files/plt.gif) top left no-repeat;}
UL.documents A.psd {background: transparent url(../images/files/psd.gif) top left no-repeat;}
UL.documents A.qt {background: transparent url(../images/files/qt.gif) top left no-repeat;}
UL.documents A.ram {background: transparent url(../images/files/ram.gif) top left no-repeat;}
UL.documents A.rar {background: transparent url(../images/files/rar.gif) top left no-repeat;}
UL.documents A.rm {background: transparent url(../images/files/rm.gif) top left no-repeat;}
UL.documents A.sit {background: transparent url(../images/files/sit.gif) top left no-repeat;}
UL.documents A.swf {background: transparent url(../images/files/sit.gif) top left no-repeat;}
UL.documents A.txt {background: transparent url(../images/files/swf.gif) top left no-repeat;}
UL.documents A.wav {background: transparent url(../images/files/txt.gif) top left no-repeat;}
UL.documents A.wmv {background: transparent url(../images/files/wmv.gif) top left no-repeat;}
UL.documents A.wpg {background: transparent url(../images/files/wpg.gif) top left no-repeat;}
UL.documents A.xls {background: transparent url(../images/files/xls.gif) top left no-repeat;}
UL.documents A.zip {background: transparent url(../images/files/zip.gif) top left no-repeat;}