/* =========== BASIC PORTABLE CLASS ============ 
   Use as the base class for all other classes below 
   */

.t-p * {
	margin:0;
	padding:0;
	}
.t-p img {
	border: 0;
	}
.t-p {
	font: 8px verdana, arial;
	margin: 0 auto 6px;
	}
.t-p a,
.t-p a:hover {
	text-decoration: none;
	color: #333333;
	}
.t-pc {
	height: 100%;
	padding: 0 0 10px
	}
.t-p .t-ph h1,
.t-p .t-pc h2,
.t-p .t-pc h3 {
	font: bold 12px/1 verdana, arial;
	}
.t-p .t-pc h4 {
	font-size: 11px !important;
	}
.t-pc h3 a {
	display: block;
	width: 100%;
	text-align: left;
	}
.t-p .t-pc div {
	margin: 0 0 0 6px;
	}
.t-p ul, .t-p li {
	list-style: none;
	}
.t-p table {
	width: 100%;
	}
						
/* ================== THUMBNAILS ===================== */
	
.t-tn {
	text-align: center;
	margin: 0 auto 5px;
	}
.t-tn img {
	border: 1px solid #666;
	display: inline;
	} 
.t-tn h1 {               
	padding: 2px 0 3px;
	}
.t-tn h2 {                /* thumb headings */
	line-height: 0.9em;
	margin: 0 auto 2px;
	width: 85%;
	}	
.t-tn p {                 /* thumb publication dates */
	font: 9px/1 verdana, arial;
	margin: 1px 0 0;
	}
* html .t-tn p { 
	margin: 0;
	}
.t-fsi img {
	border: 0;
	margin: 0 0 3px;
	}

	
/* ======= PORTABLE WITH HEADING BACKGROUND ======== */
 
.t-h1clr0 h1 {
	background: #999;       /* GREY header background */
	padding: 2px 0 3px;
	margin: 0 0 8px;
	color: #fff;
	text-align: center;
	}
.t-h1clr1 h1 {
	background: #06c;       /* BLUE header background */
	padding: 2px 0 3px;
	margin: 0 0 8px;
	color: #fff;
	text-align: center;
	}
.t-h1clr2 h1 {
	background: #699;       /* BLUE GREEN header background */
	padding: 2px 0 3px;
	margin: 0 0 8px;
	color: #fff;
	text-align: center;	
	}
.t-h1clr3 h1 {
	background: #969;       /* VIOLET header background */
	padding: 2px 0 3px;
	margin: 0 0 8px;
	color: #fff;
	text-align: center;	
	}
.t-h1clr4 h1 {
	background: #f00;       /* RED header background */
	padding: 2px 0 3px;
	margin: 0 0 8px;
	color: #fff;
	text-align: center;	
	}
.t-h1clr5 h1 {
	background: #f90;       /* ORANGE header background */
	padding: 2px 0 3px;
	margin: 0 0 8px;
	color: #000;
	text-align: center;	
	}
.t-h1clr6 h1 {
	background: #ff0;       /* YELLOW header background */
	padding: 2px 0 3px;
	margin: 0 0 8px;
	color: #000;
	text-align: center;	
	}	
			
/* =========== BASIC BORDERED PORTABLE ============ */

.t-clr0 h1 {
	background: #999;       /* GREY header background */
	margin: 0 0 8px;
	padding: 2px 0 3px;
	color: #fff;
	text-align: center;	
	}
.t-clr0 {
	border: 1px solid #06c; /* GREY border */
	}
	
.t-clr1 h1 {
	background: #06c;       /* BLUE header background */
	margin: 0 0 8px;
	padding: 2px 0 3px;
	color: #fff;
	text-align: center;			
	}
.t-clr1 {
	border: 1px solid #06c; /* BLUE border */
	}
	
.t-clr2 h1 {
	background: #699;       /* BLUE GREEN header background */
	margin: 0 0 8px;
	padding: 2px 0 3px;
	color: #fff;
	text-align: center;		
	}
.t-clr2 {
	border: 1px solid #699; /* BLUE GREEN border */
	}
	
.t-clr3 h1 {
	background: #969;       /* VIOLET header background */
	margin: 0 0 8px;
	padding: 2px 0 3px;
	color: #fff;
	text-align: center;		
	}
.t-clr3 {
	border: 1px solid #969; /* VIOLET border */
	}
		
.t-clr4 h1 {
	background: #f00;       /* RED header background */
	margin: 0 0 8px;
	padding: 2px 0 3px;
	color: #fff;
	text-align: center;		
	}
.t-clr4 {
	border: 1px solid #f00; /* RED border */
	}
	
.t-clr5 h1 {
	background: #f90;       /* ORANGE header background */
	margin: 0 0 8px;
	padding: 2px 0 3px;
	color: #000;
	text-align: center;		
	}
.t-clr5 {
	border: 1px solid #f90; /* ORANGE border */
	} 
	
.t-clr6 h1 {
	background: #ff0;       /* YELLOW header background */
	margin: 0 0 8px;
	padding: 2px 0 3px;
	color: #000;
	text-align: center;		
	}
.t-clr6 {
	border: 1px solid #ff0; /* YELLOW border */
	}

.t-clrnewsok h1 {
	background: #6586AB;       /* NewsOK header background */
	margin: 0 0 8px;
	padding: 2px 0 3px;
	color: #FFFFFF;
	text-align: center;		
	}
.t-clrnewsok {
	border: 1px solid #000000; /* NewsOK border */
	}
	
/* These classes allow you to set a background
   to the basic bordered Portable. You can change
   or add to them if nec. */
	
.t-bgclr0 {
	background: #efefef;    /* light GREY background */
	}
.t-bgclr1 {
	background: #ff9;       /* light YELLOW background */
	}
.t-bgclr2 {
	background: #E1F0FD;    /* light BLUE background */
	}
.t-bgclr3 {
	background: #FEF5E5;    /* light ORANGE background */
	}

.t-bgclr4 {
	background: #EEEEEE;    /* gray NewsOK background */
	}	


					
/* ==== PORTABLE WITH DYNAMIC GRAPHIC BACKGROUND ==== */

/* Background 1 */	

.t-bg1 { 
	background-position: 0 100%;
	background-repeat: no-repeat;
	}	
.t-bg1 .t-pc {
	background-position: 100% 100%;
	background-repeat: no-repeat;
	}
.t-bg1 h1 { /* Change padding, color or alignment for different background images */
	padding: 6px 50px 16px 12px;
	text-align: center;
	/*color: #fff; uncomment and change if nec. */
	}
	
/* Background 2 */	
	

.t-bg2 { 
	background-position: 0 100%;
	background-repeat: no-repeat;
	}	
.t-bg2 .t-pc {
	background-position: 100% 100%;
	background-repeat: no-repeat;	
	}
.t-bg2 h1 { /* Change padding, color or alignment for different background images */
	padding: 6px 50px 16px 12px;
	text-align: center;
	color: #fff; /* reverses heading on darker background - change if needed */
	}	



/* Category background 1 (top) */

	
.t-bgcat1 {
	background-position: 0 100%; 
	background-repeat: no-repeat;
	}
.t-bgcat1 .t-pc {
	background-position: 100% 100%;
	background-repeat: no-repeat;
	padding: 0 20px 6px 15px !important;	
	}
.t-bgcat1 h1 {
	padding: 6px 50px 16px 12px;
	text-align: center;
	color: #fff;
	}	
.t-bgcat1 h3 a {
	color: #fff;
	}

/* Category background 2 */

.t-bgcat2 {
	background-position: 0 100%; 
	background-repeat: no-repeat;
	}
.t-bgcat2 .t-pc {
	background-position: 100% 100%;
	background-repeat: no-repeat;
	padding: 0 20px 6px 15px !important;	
	}
.t-bgcat2 h1 {
	padding: 6px 50px 16px 12px;
	text-align: center;
	color: #fff;
	}	
.t-bgcat2 h3 a {
	color: #fff;
	}

/* ========== PORTABLE STYLES FOR CATEGORY LISTS =========== 
   
   For nested unordered lists. */

/* === Base categories (default) === */

.t-c ul {
	border-bottom: 1px dashed #bbb !important;
	margin-bottom: 5px;
	padding-bottom: 5px;
	}
.t-c li ul {
	border: 0;
	border-bottom: 0 !important;
	margin: 0;
	padding: 0;
	}
.t-c li ul li {
	display: inline;
	}
.t-c li a {
	font: bold 10px/1 verdana, arial;
	text-decoration: none !important;
	color: #333333;
	}
.t-c li ul li a {
	padding: 0 5px 0 0;
	font: normal 9px verdana, arial;
	text-decoration: none !important;
	}	
.t-c li ul li a:hover {
	padding: 0 5px 0 0;
	font: normal 9px verdana, arial;
	text-decoration: none !important;
	}

.t-c .t-pc {
	padding: 0 20px 10px;	
	}
 					
/* == Category style 1 (double arrows) == */


.t-cs1 li ul {
	margin-left: 13px;
	}		

.t-cs1 li ul li a {
	text-transform: capitalize;
	}
.t-cs1 li ul li a,
.t-cs1 li ul li a:hover {
	background: none !important;
	}


/* ============ PORTABLE LISTS ================ 

   Use this style for unnested lists like the tools
   Portable */

.t-list0 li {
	border-bottom: 1px dashed #ccc;
	}
.t-list0 .t-pc {
	padding: 0 20px 10px;
	}
		
				
/* ============= LINES BETWEEN THUMBNAILS  ============= */

.t-line0 .t-pc div,
.t-line1 .t-pc div,
.t-dash0 .t-pc div, 
.t-dash1 .t-pc div {	
	padding-bottom: 5px;
	margin-bottom: 5px;
	}		
.t-line0 .t-pc div {
	border-bottom: 1px solid #ddd;      /* grey */
	}
.t-line1 .t-pc div {
	border-bottom: 1px solid #D6ECFB;   /* light blue */
	}	
.t-dash0 .t-pc div {
	border-bottom: 1px dashed #aaa;     /* grey */
	}
.t-dash1 .t-pc div {
	border-bottom: 1px dashed #D6ECFB;  /* light blue */
	}
		
/* ========= WIDTH CLASSES FOR PORTABLES ======== */
   
.t-w1 {
	width: 170px;
	}
.t-w2 {
	width: 630px;
	}
.t-w3 {
	width: 200px;
	}
.t-w4 {
	width: 180px;
	}
.t-w5 {
	width: 120px;
	}
	
/* ========== PSEUDO HOVER CLASS FOR IMAGES ========== */
   
.t-imghvr img:hover {
	border: 1px solid #f00;
	}

/* ============ DISPLAY NONE FOR ELEMENTS ============  */
   
.t-notnh2 h2, /* no thumbnail title (h2) */
.t-nodate p, /* no thumbnail date */
.t-nomore h3 { /* no "View More" link (h3) */
	display: none;
	}
	
/* ============ TABLE CLASSES FOR COLUMNS ============  */
.t-td2 td { /* removed 'table' from before 'td' 12.14.05 */
	width: 49%;
	padding: 0 6px;
	}
.t-td2b td {
	width: 49%;
	padding: 0 10px;
	}
.t-td3 td {
	width: 32%;
	padding: 0 10px;
	}
.t-td4 td {
	width: 24%;
	padding: 0 7px;
	}

.t-td5 td {
	width: 120px;
	padding: 0 7px;
	}

/* ============== TEXT TRANSFORMATIONS =============== */
.t-ucpt h1,                /* uppercase portable title */
.t-uctnt h2,               /* uppercase thumbnail title */
.t-uctndate p,             /* uppercase thumbnail datel */
.t-ucmore h3,              /* uppercase "view more" link */
.t-uctopc li a,            /* uppercase top categories */ 
.t-ucsubc li ul li a,      /* uppercase sub categories */    
.t-ucall li a,
.t-ucall h1,               /* uppercase all text */
.t-ucall h2,       
.t-ucall p,        
.t-ucall h3 {    
	text-transform: uppercase;
	}	
.t-uctopc li a {
	text-transform: uppercase;
	}
.t-uctopc li ul li a {
	text-transform: none;
	}			
.t-captopc li a {          /* capitalize sub categories */
	text-transform: capitalize;
	}
.t-captopc li ul li a {    /* capitalize sub categories */
	text-transform: none;
	}
.t-capsubc li ul li a {    /* capitalize sub categories */
	text-transform: capitalize;
	}

/* ============== MISC. PORTABLE STYLES ===============
   
   Misc. styles such as margin, etc. */
	
.t-mrgtop {
	margin-top: 8px;
	}
.t-pad20 .t-pc {           /* padding inside of content area if needed */
	padding: 0 20px 10px;
	}
.t-mall .t-pc {            /* Media Mall specific style */
	padding: 0 20px 10px;	
	}	
* html .t-mall iframe {    /* Media Mall specific style */
	margin: -8px auto 10px;	
	}
	
/* ============== TOP JOBS PORTABLE STYLES ===============
   
  Specifically for the TOP Jobs markup */

.t-list2 .t-pc li a {
	display: block;
	width: 95%;
	line-height: 1.2;
	background: 0;
	padding: 3px 0 3px 0;
	text-align: center;
	}
.t-list2 .t-pc li a:hover {
	background: 0;
	text-decoration: none;
	}
.t-list2 a {
	border-bottom: 1px dashed #ccc;
	}
.t-list2 .t-pc {
	padding: 0 15px 10px;
	}
.t-list2 h3 a {
	border: 0;
	margin-top: 6px;
	}