/******************************************************************************

  File: custom_ahip_style.css
  Author: fkavanagh
  Copyright WBT Systems, 2008
  Contents:

******************************************************************************/
/*
   Date:          Author:  Comments:
    8th May 2008  fk       Original file

*/

/**-------------- DEFAULT FONT TYPE DEFINITION ---------------**/

/* Even = 0 Odd = 1*/

.TCListItemC,
.TCListItem0,
.TCListItem0B,
.TCListItem0C,
.TCListItem0R,
.TCListItem1,
.TCListItem1B,
.TCListItem1C,
.TCListItem1R,
.TCTabActive,
.TCTabInActive,
.TCSectionHeader,
.TCFormSectionTitle,
.TCListTitle,
.TCPageHeader,
.TCActionHeader,
.TCToolBoxHeader,
.TCNavigation,
.TCLoginInfo, 
.TCRequired,
.TCGlobalHeader,
.TCInfoMessage,
BODY,
TABLE,
INPUT,
SELECT,
A,
UL,
LI,
P,
BR,
H1,
H2,
H3,
TD,
TH,
.TCjust { font-family: Arial, Helvetica, sans-serif; }


h5 { color: #660000; margin-bottom:0; 
}

h2 { color: #660000; margin-bottom:0; 
}

h4 { color: #1371a0; margin-bottom:0; 
}


/**-------------- FONT SIZE DEFINITION ---------------**/

.TCListItemC,
.TCListItem0,
.TCListItem0B,
.TCListItem0C,
.TCListItem0R,
.TCListItem1,
.TCListItem1B,
.TCListItem1C,
.TCListItem1R,
.TCTabActive,
.TCTabInactive,
.TCSectionHeader,
.TCFormSectionTitle,
.TCNavigation,
.TCToolBoxHeader,
.TCLoginInfo,
.TCListHeader,
.TCRequired,
.TCGlobalHeader,
BODY,
TABLE
INPUT,
SELECT,
UL,
LI,
P,
BR,
TD,
TH,
.TCjust { font-size: 12px; }


/**---------------------TEXT COLOR DEFINITIONS------------------------**/

/*---BLACK---*/
BODY,
UL,
.TCLoginInfo,
.TCGlobalDate, 
.TCPageNumber,
INPUT { color: #000000; }


/*---DARKBLUE---*/

H1,
.TCPageHeader,
.TCInfoMessage,
P.TCTableHeader { color: #7C033B; }

/*---WHITE---*/

.TCFormSectionTitle,
.TCSectionHeader,
.TCtopHeadTopHL,
.TCTabInactive,
.TCToolBoxHeader,
A.TCTabInactive,
TD.TCTabInactive { color: #FFFFFF; }


/*---CHERRY---*/

.TCNavigation,
.TCActionBar,
.TCTabActive { color: #B10D0A; }

/*---LIGHTBLUE---*/
A { color: #660033; } 

.TCListTitle,
TR.TCListTitle TH { color: #FFFFFF; }

/*---RED---*/

A:active,
.TCRequired { color: #FF0000; }

/**---------------------BACKGROUND COLOR DEFINITIONS------------------------**/

/*---WHITE---*/

BODY,
.TCLoginInfo,
.TCGlobalDate, 
.TCSpHolderRow { background-color: #FFFFFF; }

/*---DARKGREY 1---*/

.TCTabInakt { background-color: #999999; }

/*---DARKGREY 2---*/

.TCLogo,
.TCNavigation,
.TCActionBar { background-color: #DDDDDD; }

/*---LIGHTBLUE---*/

TD.TCTabActive,
.TCListTitle,
TR.TCListTitle TH, 
.TCActiveTabWrapper,
.TCTabActive,
.TCtopHeadTopHL,
TABLE.TCFormExerciseDetails TH,
.TCchanged { background-color: #666666; }

/*---DARKBLUE---*/

TD.TCTabInactive,
.TCSeparatorLine,
.TCTabInactive,
.TCToolBoxHeader { background-color: #000099; }


/*---odd rows in basic table---*/

.TCListItem1,
.TCListItem1 TD,
.TCListItem1B,
.TCListItem1B TD,
.TCListItem1C,
.TCListItem1C TD,
.TCListItem1R,
.TCListItem1R TD,
.TCRadio1,
.TCForm TR,
.TCFormExerciseDetails TD,
.TCSectionHeaderLine { background-color: #EEEEEE; }

/*---even rows in basic table---*/

.TCListItem0,
.TCListItem0 TD,
.TCListItem0B,
.TCListItem0B TD,
.TCListItem0C,
.TCListItem0C TD,
.TCListItem0R,
.TCListItem0R TD,
.TCRadio0 { background-color: #CFCFCF; }

/** -----------------HTML BASIC ELEMENTS ---------------**/

BODY  { margin-top:0px; margin-left:0px; margin-right:2px;}

IMG { border: 0px; }



/**-------------- LINK ---------------**/

/*---link is lightblue and underlined by default---*/

A:hover { text-decoration: none; }

A:active {}

A.bold { font-weight: bold; }



/**-------------- LIST ---------------**/

UL { list-style-type: square; }

LI { line-height: 22px; }


/************************************************************/
/*** Custom AHIP Style ***/
/************************************************************/
#header {
  background-color:#7B0D26;
  float: none;
  width:100%;
  border-bottom:1px solid white;
}
#header #logo {
    float: none;
  padding-bottom:20px;    
  padding-top:10px;
    width:205px;  
    text-align: center;
} 
  #header #headerRight{
    float:right;
    padding-top:5px;
    padding-right:15px;
  }
  #tagline {
    position:absolute;
    top: 50px;
    left:243px;
  }
  
.pageTable {
    float: none;
    border: 1;
    border-color: white;
    border-right:1px solid white;
    border-left:1px solid white;
    border-bottom:1px solid white;
    border-top:0px solid white;
    width: 100%;
}



#portalheader {
  background-color:#D2D2D2;
  float: none;
  width:100%;
}


 
#portalFooter {
	font-size: 11px;
    float: none;
    background-color:#FFFFFF;    
    padding-bottom:5px;    
    padding-top:5px;
    width:100%;  
    text-align: center;
} 
  

.infoLearn {
    float: none;
    font-size: 14pt; 
    color: #1371A0;
}

.infoContact {
    float: none;
    font-size: 10pt; 
    color: #86888B;
}

.gray_separator_bar {
    height: 8px; 
    background-color: #939598;
}

.mailto {
    font-size: 10pt; 
    color: #86888B;
}


/* TABLE DETAILS STYLES */

.content_fixedwidth {
    float: none;
    padding-left: 20px; 
    padding-top: 10px; 
    padding-bottom: 0px; 
    width:205px; 
}
.content_nowidth {
    float: none;
    padding-left: 20px; 
    padding-top: 10px; 
    padding-bottom: 0px; 
}
.content_fixednopadding {
    float: none;
    width:205px; 
}
.headerrow_fixedwidth {
    float: none;
    padding-left: 20px; 
    padding-top: 5px; 
    padding-bottom: 2px; 
    width:205px; 
}
.headerrow_nowidth {
    float: none;
    padding-left: 20px; 
    padding-top: 5px; 
    padding-bottom: 2px; 
}



/*POSITIONING */
#navButtons{
    float: none;
    padding-top:10px;
    padding-right:0px;
    padding-bottom:20px;
    background-color: #7B0D26;
    text-align: left;

}

/* COLORS - Usually applied by ID (width and padding applied by class)*/
#spotcontent {
    background-color: #FFFFFF;
}
#rescontent {
    background-color: #FFFFFF;
}
#info_section {
    background-color: #D2D2D2;
}


#main_banner_1 {
    border-right:none;
}

#main_banner_2 {
    border-left:none;
}
.main_banner {
    padding-top:0px;
    padding-right:0px;
    background-color: #D2D2D2;
}

#quick_links {
    font-size: 12pt; 
    color: #FFFFFF; 
    background-color: #9EA2A2;
	margin-bottom: auto;
}

#PortalTableHeader_1{
    background-color: #7B7D7E;
}


/* Table header properties */
.PortalTableHeader{
    background-color: #7B7D7E;
    color: #FFFFFF;
    height: 30px;
    font-size: 14px;
}


#logosection {
    float: none;
    background-color:#7B0D26;    
    padding-bottom:20px;    
    padding-top:10px;
    width:205px;  
    text-align: center;   

}

#portalNavigation {
  background-color:#7B0D26;
  float: none;
  width:100%;
}

#mainPicture{
    float: none;
    valign: top;
    align: left;
    padding-top:20px;
    padding-right:10px;
    padding-left:20px;
    background-color:#FFFFFF;
	border: 0;

}

#loginsection {
    background-color: #B6B7B7;
    float: none;
    padding-top:10px;
    padding-right:0px;
    text-align: left;
}

#RotateBanner{
    float: none;
    padding-top:0px;
    padding-right:0px;
    background-color:#D2D2D2;

}

/* Quick Link properties */
.quickLinkHref {
  color:white;
  text-decoration:underline;
  align: left;
  font-size:.9em;
}
/* END COLORS */

#utilMenu {
  float: left;
  list-style:none;
  margin:0px 0px 5px 0px;
  padding:0px 50px 5px 0px;
  color:white;
  font-size:.9em;
}
  #utilMenu a {
    color:white;
    text-decoration:none;
  }
  #utilMenu li {
  	font-size:11px;
    float: left;
    border-left:1px solid white;
    padding:0px 4px 0px 6px;
	width: 55px;
  }
  #utilMenu li.first {
    border:none;
    padding-left:0px;
  }


.calendar ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.calendar ul li
{
    border-bottom: 10px solid #fff;
}

.calendar ul li.first
{
    border-top: 10px solid #fff;
}

* html .calendar ul li ul li.ie-background-fix
{
    background-position: 5px 15px;
}

.calendar ul li.last
{
    border-bottom: 0;
}

.calendar ul li ul li
{
    background-color: #f3fafe;
    padding: 5px;
}

.calendar ul li ul li.even
{
    background-color: #fff;
}

.calendar ul li h2
{
    font-size: 12px;
    color: #FFF;
    background: #59859C;
    margin: 0;
    padding: 3px 5px;
}

.calendar ul li h3
{
    font-size: 11px;
    margin: 0;
    font-weight: normal;
    color: #000
}

.calendar p.atl {
	font-weight: bold
}

.calendar ul li p
{
	color: #000;
    font-size: 11px;
    line-height: 150%;
    margin: 0;
}

.calendar ul li p.date,
.calendar ul li p.more,
.calendar ul li p.location
{
    font-size: 11px;
}

.calendar.conferences ul li p.date
{
	font-weight:bold;
    font-size: 11px;
}

.calendar ul li.illustrated70
{
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 85px;
    min-height: 70px;
}

/* SUB-CLASS: .month-list */
.calendar.month-list
{
    border: 1px solid#59859C;
	color: #FFF; 
    margin: 0 0 20px 0;
}

.calendar.month-list h2
{
    font-size: 12px;
    background:#59859C;
	color: #FFF; 
    margin: 0;
    padding: 3px 5px;
}

.calendar.month-list ul
{
    font-size: 11px;
    padding: 5px;
}

.calendar.month-list ul li
{
    border-bottom: 0;
    line-height: 150%;
}

/** 
 * .page-headline
 */
.page-headline
{
    margin: 0 0 20px 0;
}

.page-headline h1
{
    color: #000;
    font-size: 11px;
    text-transform: uppercase;
}

.page-headline.spiel h1
{
	color: #FFF;
    background:#59859C;
    margin: 0;
    padding: 3px 5px;
	 text-transform: uppercase;
	 }

.page-headline.spiel p
{
    font-size: 11px;
	color: #000;
    line-height: 150%;
    margin: 0.5em 0 1em 0;
}

.page-headline.spiel ul.more
{
    margin: 0.5em 0 1em 0;
    padding: 0;
    list-style-type: none;
    font-size: 11px;
}

.page-headline.spiel ul.more li
{
    line-height: 150%;
}
/* END: .page-headline */

/** 
 * .column-group
 *
 * .column-group provides a style class for a div frame which sets out two columns
 */
.column-group:after
{
    content:url(icons/ahip/spacer.gif);
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* Hides from IE-mac \*/
* html .column-group
{
    height: 1%;
}
/* End hide from IE-mac */

div.column-group div.column-left
{
    float: left;
    width: 48%;
}

div.column-group div.column-right
{
    float: right;
    width: 48%;
}

div.column-group#research-article div.column-left
{
    float: left;
    width: 51%;
}

div.column-group#research-article div.column-right
{
    float: right;
    width: 45%;
}


div.column-group.ratio6040 div.column-left
{
    float: left;
    width: 58%;
}

div.column-group.ratio6040 div.column-left p
{ margin: 20px 0 0 0;
}

div.column-group.ratio6040 div.column-right
{
    float: right;
    width: 32%;
}


div.column-group.ratio7030 div.column-left
{
    float: left;
    width: 68%;
}

div.column-group.ratio7030 div.column-right
{
    float: right;
    width: 28%;
}
/* END: .column-group */

.calloutBox {  
  width: 450px;
  background-color: #f8f8ff;
  border-bottom: 10px solid #7C033B;
  border-left: 2px solid #7C033B;
  border-right: 2px solid #7C033B;
  border-top: 10px solid #7C033B;
  color: #000;  
  text-align: center;
  margin: 0 15px;
  padding: 10px 0;
  }
  
  .calloutBox td { font-size:12px; }
  
  a.PPTc{text-decoration: none;text-align : center;font-family: verdana;font-size: 8pt;color: silver;width : 160px;vertical-align : middle; background-color : #191970;border : thin outset #191970;padding : 1px 2px 3px 2px;line-height : 95%;}
a.PPTc:hover{text-decoration: none;text-align : center;font-family: verdana;font-size: 8pt;color: white;width : 160px;vertical-align : middle; background-color : #191CC0;border : thin outset Blue;padding : 1px 2px 3px 2px;line-height : 95%;}
a.PPTc:active{ text-decoration: underline;text-align : center;font-family: verdana;font-size: 8pt;color: white;width : 160px;vertical-align : middle; background-color : #191970;border : thin outset #191970;padding : 1px 2px 3px 2px;line-height : 95%;}	
a.PPT{text-decoration: none;text-align : center;font-family: verdana;font-size: 8pt;color: #191970;width : 160px;vertical-align : middle; background-color : #CAE4FF;border : thin outset #191970;padding : 1px 2px 3px 2px;line-height : 95%;}
a.PPT:hover{text-decoration: none;text-align : center;font-family: verdana;font-size: 8pt;color: blue;width : 160px;vertical-align : middle; background-color : #F5F5F5;border : thin outset Blue;padding : 1px 2px 3px 2px;line-height : 95%;}
a.PPT:active{text-decoration: underline;text-align : center;font-family: verdana;font-size: 8pt;color: blue;width : 160px;vertical-align : middle; background-color : #CAE4FF;border : thin outset #191970;padding : 1px 2px 3px 2px;line-height : 95%;}