/*
Colours:
Blue: #00B2D9
Purple: #581C59
Grey: #636466

*/
* {
text-decoration:none;
}

body {
    font-family:helvetica, arial sans-serif;
    background-color:#fff;
    margin-left:auto;
    margin-right:auto;
    font-size:1em;
    color: #676767;
    line-height:13pt;
    padding:0;
    margin-top: 0px;
}
table
{
   font-size: 9pt;
   font-family:helvetica, arial sans-serif;

}

table.small_font
{
    font-size: 8pt;
    font-family:helvetica, arial sans-serif;

}

table.font_medium
{
    font-size: 9pt;
    font-family:helvetica, arial sans-serif;

}


table.large_font
{
    font-size: 12pt;
    font-family:helvetica, arial sans-serif;

}

table.medium_font
{
    font-size: 11pt;
    font-family:helvetica, arial sans-serif;

}
#container {
width:1260px;
text-align:left;
margin:auto;
}

.contentcontainer {
float:left;
width: 1260px;
height: auto;
margin-top: 0px;
background:repeat-y #e5e5e5;

}





#logo
{
    padding: 20px 8px 12px 20px;
    float:left;
}

#language
{
    padding: 20px 8px 12px 20px;
    float:right;
    font-size: 9pt;
}

#app-title{
    /*float:left;*/
    font-weight: bold;
    font-size: 16px;    
    padding: 10px 8px 5px 0px;
    color: #000;
}




.bottomBusiness {
width:100%;
height:28px;
background-color:#fff;
float:left;
font-size: 11px;
position: relative;

}

.line {
border-top: 1px  double #000000;
margin-top: 5px;
}

.dashes {
border-top: 1px dashed #000000;
margin-top: 5px;
}
.dashes_grey {
border-top: 1px dashed #999999;
}

.dashes_grey_v {
border-right: 1px dashed #999999;
}

.solid_bottom_grey { border-bottom: 2px solid #999999;
}

.strongMediumGrey {
  color: #636466;
  font-size: 16px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;   
}  
.mediumGrey {
  color: #636466;
  font-size: 16px;  
  font-family:helvetica, arial sans-serif;

  font-weight: lighter;   
} 

.smallstrongGrey
{
  color: #636466;
  font-size: 12px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;    
}
.smallboldBlack
{
  color: #000000;
  font-size: 12px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;   
}


.smallstrongRed
{
  color: #FF0000;
  font-size: 12px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;    
}

.LargestrongRed
{
  color: #FF0000;
  font-size: 16px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;    
}

.MediumtrongRed
{
  color: #FF0000;
  font-size: 13px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;    
}

.smallstrongGreen  
{
  color: #006633;
  font-size: 12px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;    
}       

.smallGreen  
{
  color: #339966;
  font-size: 11px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;    
}    

.smallRed  
{
  color: #FF0033;
  font-size: 11px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;    
} 

.strongsmallRed  
{
  color: #FF0033;
  font-size: 10px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;    
} 

.smallBlackSchedule
{
  color: #000000;
  font-size: 9px;  
  font-family:helvetica, arial sans-serif;
 
  
}

.smallStrongBlackSchedule
{
  color: #000000;
  font-size: 9px;  
  font-family:helvetica, arial sans-serif;
 
  font-weight:bold;
}

.verySmallStrongBlackSchedule
{
  color: #000000;
  font-size: 8px;  
  font-family:helvetica, arial sans-serif;
 
  font-weight:bold;
  font-stretch:condensed;
}


#time{
    font-size: 38px;    
    color: #000;
    text-align: center;    
	margin-top:10px; 
	margin-bottom:-10px;	
}

#timesquare{
    margin: 0px 10px 0px 10px;
}

#full{
    
    float:left;
    width: 1222px;
    padding: 20px;
}
    

#left{
    
    float:left;
    width: 420px;
    padding: 10px;
}

#leftSmall{
    
    float:left;
    width: 320px;
    padding: 10px;
}

#right{    
    float:left;
    width: 650px;
    padding: 10px;
	padding-bottom:15px;
}

    
H2
{
  color:  #676767;
  font-size: 15px;
  letter-spacing: 1px;
  line-height:12px;
  font-weight: bold;
  padding: 0px 0px 0px 16px; background-position:center;
  background:url(../../images/CT_Time_Sq_Small.gif)  no-repeat;

  
}	
	   
H1
{
  color: #676767;
  font-size: 13px;
  letter-spacing: 1px;
  line-height:12px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;

}
H4
{
  color: #676767;
  font-size: 16px;
  letter-spacing: 1px;
  line-height:12px;
  font-weight: bold;
  padding: 0px 0px 0px 16px; 
  
}
font.larger
{
  color: #676767;
  font-size: 12px;
  letter-spacing: 1px;
  line-height:12px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;


}

font.mediumBlack
{
  color: #000000;
  font-size: 11px;
  letter-spacing: 1px;
  line-height:12px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;


}

font.small
{
  color: #676767;
  font-size: 9px;
  letter-spacing: 1px;
  line-height:12px;
  padding: 0px 0px 0px 0px;


}

.error
{
  color: #FF0000;
  font-size: 9px;
  /*letter-spacing: 1px;*/
  line-height:9px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;


}  

.whitePanel{
    background:#FFFFFF;
    border: solid 1px #acacac;
    padding: 20px;
    margin-top: 12px;
}

.greyPanel{
    background:#EEEEEE;
    border: solid 1px #acacac;
    padding: 20px;
    margin-top: 12px;
}

.greyPanelMessages{
    background:#EEEEEE;
    border: solid 1px #EEEEEE;
    padding: 20px;
    margin-top: 1px;
}




/*form elements*/
.description {
    color: #000;    
}

.form-field{
    margin-bottom: 12px;
}

input {
    border: solid 1px #acacac;
}
/*end form elements*/


/*buttons*/
.button{
    width: 193px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 20px;      
	margin: 0px 50px 0px 50px;
	cursor:pointer ; cursor: hand;	
	
}

.administration{
    background:url(../../images/resizable/CT_Time_Btn_Break.gif)  no-repeat;	
	color: #000;
	float:right; 
	margin: 0px 0px 0px 0px; 
}
.entry{
    background:url(../../images/resizable/CT_Time_Btn_Entry.gif)  no-repeat;
    color: #000;
    float:left;
	margin: 0px 0px 0px 0px;
}

.exit{
    background:url(../../images/resizable/CT_Time_Btn_Exit.gif)  no-repeat;
    color: #000;
	float:right; 
	margin: 0px 0px 0px 0px;

	
}

.meal{
    background:url(../../images/resizable/CT_Time_Btn_Break.gif)  no-repeat;
    color: #000;  
	float:left; 
	margin: 0px 0px 0px 0px;

}

.break{
    background:url(../../images/resizable/CT_Time_Btn_Break.gif)  no-repeat;
    color: #000;  
	float:right; 
	margin: 0px 0px 0px 0px;
}

.buttonOff{
    background:url(../../images/CT_Time_Btn_Disabled.gif)  no-repeat;
    color: #CFCFCF;
}








/*end buttons*/

/*menus and links*/
#menuPanel {
	width:100%;
    text-align: center;    
    display:block;
    float:left;
    margin:0px;
    height:48px;
    padding:0px;
    background:url(../../images/CT_Time_Linksback.gif) #fff repeat;
}

#menuPanel ul{
   margin: auto; 
}

#menuPanel ul li{      
   /* line-height: 48px;   
    display:inline;*/
    height: 43px;
}

#menuPanel ul li.link{      
   /* line-height: 48px;*/
    padding: 0px 15px 0px 15px;
   /* display:inline;*/

}

#menuPanel table tr td {
    /*line-height: 43px;*/
}

#menuPanel table tr td.divider{      
    background:url(../../images/CT_Time_Linksdiv.gif)  no-repeat;
    /*line-height: 43px;*/
    width: 10px;
    height:48px;
     
}


a.links:link {
color:#57585A;
text-decoration:none;
}

a.links:active {
color:#CC2527;
}

a.links:hover {
color:#000;
padding-bottom:0px;
text-decoration:underline;
}

a.links:visited {
color:#57585A;
padding-bottom:0px;
text-decoration:none;
}

a.smallBlue
{
  color: #3300FF;
  font-size: 12px;  
  font-family:helvetica, arial sans-serif;
    
}  

/*start schedule classes*/
#schedule {    
    margin: 0px 0px 0px 0px;
    border: solid 1px #acacac;    
    padding: 00px 00px 0 0;
    width: 944px;
    float:left;
    
}

.schedulegreyPanel{
    background:#EEEEEE;
    border: solid 1px #acacac;
    padding: 12px;
    margin-top: 0px;
	margin-left:0px; 
	margin-right:0px;	
    float:left; 
	width:98%;   
}

.schedulewhitePanel{
    background:#FFFFFF;
    border: solid 1px #acacac;
    padding: 19px;
    margin-top: 0px;
	margin-left:0px; 
	margin-right:0px;	
    float:left; 
	width:97%;   
}

.templatewhitePanel{
    background:#FFFFFF;
    border: solid 1px #acacac;
    padding: 5px;
    margin-top: 0px;
	margin-left:-5px; 
	margin-right:-5px;	
    float:left; 
	width:100%;   
}

#schedulePanel{
    background:#FFFFFF;
    border: solid 1px #acacac;
    padding: 10px;
    margin-top: 0px;    
    height:auto;
    float:left;
	width:99%;
}

#calendar{
float:left;
width: 450px; 
height:485px;
background: #f2f2f2;
}

#scheduleEmployeesPanel{    
    float:right;
    width: 360px;  
    height: auto;
    padding: 0px;
}

.employeeName{
    font-weight: bold;
    font-size: 14px;
    width:200px;
    float:left;
}


.employeeDetails{
    background:#FFFFFF;
    border: solid 1px #acacac;
    padding: 6px;
    margin-bottom: 6px;
    width: 340px;
    float:left;   
}

.scheduleTimeline{
    float:left;
}

.scheduleDelete{
    float:right;
    display: inline;
    width: 20px;
    height: 21px;
}

.scheduleAdd{
    float:right;
}


.scheduleSave{
    text-align: center;
    margin: auto;
}

.onePanel{
    float:left;
    width: 900px;
    margin: 20px;
}

.panelTop{
    float:left;
    width: 900px;
    background:url(../../images/Scheduling_Panel_Top.png) repeat-x #e5e5e5;
    height: 25px;
}

H3
{
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 1px;
  line-height:25px;
  font-weight: bold;
  padding: 0px 0px 0px 20px;
  background:url(../../images/Scheduling_White_Square.png)  no-repeat;    
  background-position: 6px 8px;
}


/*end schedule classes*/

/*Table for the content*/

.date
{
vertical-align:middle;
FONT-Size: 13px;
font-weight: bold;
background: #FADF8F;
height:18px;
color:#000000;
padding: 1px 4px 0px 0px;
}

.tdate
{
vertical-align:middle;
FONT-Size: 13px;
font-weight: bold;
background: #ED1B2D;
height:18px;
color:#000000;
padding: 1px 4px 0px 0px;
}

table.calendarTop {

	border-width: thin;
	border-spacing: ;
	border-style: none;
	border-collapse: collapse;	
	margin-top: 5px;
	margin-bottom: 5px	

}
table.calendarTop th {
	
	border-width: 1px;
	padding: 2px;
	FONT-Size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	border-style: solid;
	border-color: #6f8199;
	background-color: #ebebeb;
	padding-left: 5px;
	padding-right: 5px;
	

}



table.calendarTop td {
	border-width: 1px;
	padding: 2px;
	border-style: dashed;
	border-color: gray;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #ffffff;

}



table.calendar {

	border-width: thin;
	border-spacing: ;
	border-style: none;
	border-collapse: collapse;
	
	margin-top: 5px;
	margin-bottom: 5px
	

}
table.calendar th {
	
	border-width: 1px;
	padding: 2px;
	FONT-Size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	border-style: solid;
	border-color: #6f8199;
	background-color: #85BFE3;
	padding-left: 5px;
	padding-right: 5px;
	

}



table.calendar td {
	border-width: 1px;
	
	border-style: dashed;
	border-color: gray;
	font-size: 12px;
	
	background-color: #ffffff;

}


table.calendar td.task {
	background-color: #FDF4DB;
	border-style: solid;
	border-color: gray;
}


table.calendar td.event {
	background-color: #E6F5FF;
	border-style: solid;
	border-color: gray;
}

.strongBlack
{
  color: #000000;
  font-size: 10px;  
  font-family:helvetica, arial sans-serif;
  
  font-weight: bold;
  /*white-space:nowrap;*/
 
}  

.strongBlackSwitch
{
  color: #000000;
  font-size: 11px;  
  font-family:helvetica, arial sans-serif;
  
  font-weight: bold;
  /*white-space:nowrap;*/
 
}
.blackStrong
{
  color: #000000;
  font-size: 11px;  
  font-family:helvetica, arial sans-serif;
  
  font-weight: bold;
}  

.redStrong
{
  color: #990000;
  font-size: 11px;  
  font-family:helvetica, arial sans-serif;
  
  font-weight: bold;
} 

.redStrongLarge
{
  color: #990000;
  font-size: 17px;  
  font-family:helvetica, arial sans-serif;
  
  font-weight: bold;
} 

.greenStrong
{
  color: #006600;
  font-size: 11px;  
  font-family:helvetica, arial sans-serif;
  
  font-weight: bold;
} 

.smallBlack
{
  color: #000000;
  font-size: 10px; 
  font-stretch:condensed;
  font-family:helvetica, arial sans-serif;
   
  /*white-space:nowrap; */
} 

.smallBlackGS
{
  color: #000000;
 /* font-size: 8pt; 
  font-stretch:condensed;
  font-family:helvetica, arial sans-serif;*/
  
  font-size: 8pt;
  font-family:helvetica, arial sans-serif;
   
  /*white-space:nowrap; */
} 

.smallBlackSwitch
{
  color: #000000;
  font-size: 11px; 
  font-stretch:condensed;
  font-family:helvetica, arial sans-serif;
   
  /*white-space:nowrap; */
} 

.smallstrongBlack
{
  color: #000000;
  font-size: 8pt;  
  font-family:helvetica, arial sans-serif;

 
}


.smallLightBlue
{
  color: #105EBC;
  font-size: 10px;  
  font-family:helvetica, arial sans-serif;
    
}
.lightBlue
{
  color: #105EBC;  
  font-family:helvetica, arial sans-serif;
    
}
.smallGrey
{
  color: #636466;
  font-size: 12px;  
  font-family:helvetica, arial sans-serif;
    
}  

.mediumStrongGrey
{
  color: #636466;
  font-size: 13px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;    
}

.strongLargeBlack
{
  color: #000000;
  font-size: 20px;  
  font-family:helvetica, arial sans-serif;
  
  font-weight: bold;
}
 .largeBlack
{
  color: #000000;
  font-size: 20px;  
  font-family:helvetica, arial sans-serif;
  
  
} 
.strongMediumBlack
{
  color: #000000;
  font-size: 16px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;   
}

.mediumStrongBlack
{
  color: #000000;
  font-size: 12px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;   
}

.mediumStrongBlackMenu
{
  color: #000000;
  font-size: 14px;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;   
}

.mediumBlackMenu
{
  color: #000000;
  font-size: 14px;  
  font-family:helvetica, arial sans-serif;

  font-weight: lighter;   
}


.mediumBlack
{
  color: #000000;
  font-size: 16px;  
  font-family:helvetica, arial sans-serif;

  font-weight: lighter;   
}

.blackMedium
{
  color: #000000;
  font-size: 12px;  
  font-family:helvetica, arial sans-serif;

  font-weight: lighter;   
}

.blackSmall
{
  color: #000000;
  font-size: 10px;  
  font-family:helvetica, arial sans-serif;

  font-weight: lighter;   
}

.blackMediumStrong
{
  color: #000000;
  font-size: 8pt;  
  font-family:helvetica, arial sans-serif;

  font-weight: bold;   
}

.strongLargeRed
{
  color: #B90000;
  font-size: 20px;  
  font-family:helvetica, arial sans-serif;
  
  font-weight: bold;
}
 
.weeklySchDay2{
    
    background:url(../../images/day_bg_blue.gif) repeat #e5e5e5;
    
}

.weeklySchDayGrey{
    
    background:url(../../images/day_bg_grey.gif) repeat #C5C5C5;
    
}
.weeklySchDay{
    float:left;    
    background:url(../../images/day_bg_blue.gif) repeat-x #e5e5e5;
    height: 20px;
    
}
.weeklySchDay_old{
    float:left;    
    background:url(../../images/day_bg_blue.gif) repeat-x #e5e5e5;
    height: 20px;
    
}
.weeklySchDayVDividerOrange{      
    background:url(../../images/day_separator_v_orange.gif) repeat-y;
    line-height: 20px;
    width: 2px;
    height:20px;     
}

.weeklySchDayVDividerGrey{      
    background:url(../../images/day_separator_v_grey.gif) repeat-y;
    line-height: 20px;
    width: 1px;
    height:20px;     
}


.weeklySchDayVDivider{      
    background:url(../../images/day_separator_v_blue.gif) repeat-y;
    line-height: 20px;
    width: 2px;
    height:20px;     
}
.coverageDayVDivider{      
    background:url(../../images/day_separator_v_blue.gif) repeat-y;
    line-height: 20px;
    width: 3px;
    height:20px;     
}
.weeklySchDayHDivider {
border-top: 2px solid #8BACD9;
margin-top: 5px;
}

.weeklySchDayHDividerOrange {
border-top: 2px solid #F7C56E;
margin-top: 5px;
}

.weeklySchDayHDividerGrey {
border-top: 2px solid #CCCCCC;
margin-top: 5px;
}

.weeklySchDayEmployeeDetails{
    background:#FFFFFF;    
    padding: 0px;
    margin-bottom: 1px;
    width: 140px;
    float:left; border:solid;	
}
.WideContentcontainer {
float:left;
width: 1260px;

height: auto;
margin-top: 0px;
background:url(../../images/ACC_Website_BG.gif) repeat-y #e5e5e5;

}

#WideContainer {
width:1260px;
text-align:left;
margin:auto;
}

.WideTopLayer {
background:url(../../images/CT_Time_Top.gif) no-repeat;
width: 1260px;
height:28px;
}

.WideBottomLayer {
background:url(../../images/CT_Time_Bottom.gif) no-repeat;
width:1260px;
height:28px;
float:left;
position: relative;
}


#toolTipBox {   
display: none;   
padding:0px;   
font-size: 12px;   
border: #666666 solid 1px;   
font-family: helvetica, arial sans-serif;   
position: absolute;   
background-color: #FCEFD1;   
color: #000000 ; 	  
	     
}   


a.boxpopupSmallBotton
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupSmallBotton:hover
{
	z-index:25;
}
a.boxpopupSmallBotton span
{
	display: none;
	width:150px;

}
a.boxpopupSmallBotton:hover span
{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:1.3em; right:-68px;
	/*top:-5em; left:-25em; */
	color:#000;
	text-align:center;
    z-index:30;
}

a.boxpopupSmallRight
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupSmallRight:hover
{
	z-index:25;
}
a.boxpopupSmallRight span
{
	display: none;
	width:150px;

}
a.boxpopupSmallRight:hover span
{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:1.8em; right:-68px;
	/*top:-5em; left:-25em; */
	color:#000;
	text-align:center;
    z-index:30;
}

a.boxpopupSmallLeft
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none;
}
a.boxpopupSmallLeft:hover
{
	z-index:25;
}
a.boxpopupSmallLeft span
{
	display: none;
	width:150px;

}
a.boxpopupSmallLeft:hover span
{ 
	display:block;
	position:absolute;
	top:1.3em ;
	right: 15px;
	color:#000;
	text-align:center;
    z-index:30;
}

/* END SMALL */

/* MEDIUM wight=200px*/
a.boxpopupMediumLeft
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupMediumLeft:hover
{
	z-index:25;
}
a.boxpopupMediumLeft span
{
	display: none;
	width:200px;

}
a.boxpopupMediumLeft:hover span
{ 
	display:block;
	position:absolute;
	bottom:1.2em;
	right: 15px;
	color:#000;
	text-align:center;
    z-index:30;
}
a.boxpopupMediumRight
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupMediumRight:hover
{
	z-index:25;
}
a.boxpopupMediumRight span
{
	display: none;
	width:200px;

}
a.boxpopupMediumRight:hover span
{ 
	display:block;
	position:absolute;
	top:1.2em;
	right: 15px;
	color:#000;
	text-align:center;
    z-index:30;
}

a.boxpopupMediumBottom
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupMediumBottom:hover
{
	z-index:25;
}
a.boxpopupMediumBottom span
{
	display: none;
	width:200px;

}
a.boxpopupMediumBottom:hover span
{ 
	display:block;
	position:absolute;
	top:1em;
	right: -95px;
	color:#000;
	text-align:center;
    z-index:30;
}
a.boxpopupMediumTop
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupMediumTop:hover
{
	z-index:25;
}
a.boxpopupMediumTop span
{
	display: none;
	width:200px;

}
a.boxpopupMediumTop:hover span
{ 
	width:200px;
	display:block;
	position:absolute;
	top:-205px;
	right: -95px;
	color:#000;
	text-align:center;
    z-index:30;
}

a.boxpopupMediumLBottom
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupMediumLBottom:hover
{
	z-index:25;
}
a.boxpopupMediumLBottom span
{
	display: none;
	width:250px;

}
a.boxpopupMediumLBottom:hover span
{ 
	display:block;
	position:absolute;
	top:1em;
	right: -95px;
	color:#000;
	text-align:center;
    z-index:30;
}

a.boxpopupMediumRBottom
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupMediumRBottom:hover
{
	z-index:25;
}
a.boxpopupMediumRBottom span
{
	display: none;
	width:220px;

}
a.boxpopupMediumRBottom:hover span
{ 
	display:block;
	position:absolute;
	top:-1.5em;
	left: 17px;
	color:#000;
	text-align:center;
    z-index:30;
}


a.boxpopupSmallRBottom
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupSmallRBottom:hover
{
	z-index:25;
}
a.boxpopupSmallRBottom span
{
	display: none;
	width:120px;

}
a.boxpopupSmallRBottom:hover span
{ 
	display:block;
	position:absolute;
	top:-1.5em;
	left: 17px;
	color:#000;
	text-align:center;
    z-index:30;
}

a.boxpopupLargeRBottom
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupLargeRBottom:hover
{
	z-index:25;
}
a.boxpopupLargeRBottom span
{
	display: none;
	width:280px;

}
a.boxpopupLargeRBottom:hover span
{ 
	display:block;
	position:absolute;
	top:-1.5em;
	left: 17px;
	color:#000;
	text-align:center;
    z-index:30;
}


/* END MEDIUM */
/* LARGE */
a.boxpopupLargeBottom
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupLargeBottom:hover
{
	z-index:25;
}
a.boxpopupLargeBottom span
{
	display: none;
	width:320px;

}
a.boxpopupLargeBottom:hover span
{ 
	display:block;
	position:absolute;
	top:1.1em;
	right: -154px;
	color:#000;
	text-align:center;
    z-index:30;
}
/*** TIMECARD ***/

a.boxpopupLargeBottomTC
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupLargeBottomTC:hover
{
	z-index:25;
}
a.boxpopupLargeBottomTC span
{
	display: none;
	width:370px;

}
a.boxpopupLargeBottomTC:hover span
{ 
	display:block;
	position:absolute;
	top:1.1em;
	right: -180px;
	color:#000;
	text-align:center;
    z-index:30;
}

a.boxpopupLargeTopTC
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupLargeTopTC:hover
{
	z-index:25;
}
a.boxpopupLargeTopTC span
{
	display: none;
	width:370px;

}
a.boxpopupLargeTopTC:hover span
{ 
	display:block;
	position:absolute;
	bottom:18.5em;
	right: -180px;
	color:#000;
	text-align:center;
    z-index:30;	
}


/*******/
a.boxpopupLargeLeft
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupLargeLeft:hover
{
	z-index:25;
}
a.boxpopupLargeLeft span
{
	display: none;
	width:320px;

}
a.boxpopupLargeLeft:hover span
{ 
	display:block;
	position:absolute;
	top:1.3em;
	right: 15px;
	color:#000;
	text-align:center;
    z-index:30;
}

a.boxpopupLargeTop
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupLargeTop:hover
{
	z-index:25;
}
a.boxpopupLargeTop span
{
	display: none;
	width:320px;

}
a.boxpopupLargeTop:hover span
{ 
	display:block;
	position:absolute;
	bottom:18.5em;
	right: -152px;
	color:#000;
	text-align:center;
    z-index:30;	
}

a.boxpopupLargeRight
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupLargeRight:hover
{
	z-index:25;
}
a.boxpopupLargeRight span
{
	display: none;
	width:320px;

}
a.boxpopupLargeRight:hover span
{ 
	display:block;
	position:absolute;
	bottom:0.5em;
	right: 15px;
	color:#000;
	text-align:center;
    z-index:30;
}


a.boxpopupLargeLeftBottom
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupLargeLeftBottom:hover
{
	z-index:25;
}
a.boxpopupLargeLeftBottom span
{
	display: none;
	width:320px;

}
a.boxpopupLargeLeftBottom:hover span
{ 
	display:block;
	position:absolute;
	bottom:1.4em;
	right: 15px;
	color:#000;
	text-align:center;
    z-index:30;
}

/* END LARGE */
a.boxpopupUp4
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupUp4:hover
{
	z-index:25;
}
a.boxpopupUp4 span
{
	display: none;
	width:185px;

}
a.boxpopupUp4:hover span
{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:1.2em; right:-95px;
	/*top:-5em; left:-25em; */
	color:#000;
	text-align:center;
    z-index:30;
}


a.boxpopupDOWNLeft
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupDOWNLeft:hover
{
	z-index:25;
}
a.boxpopupDOWNLeft span
{
	display: none;
	width:250px;

}
a.boxpopupDOWNLeft:hover span
{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:1.3em; 
	right:-120px;
	/*top:-5em; left:-25em; */
	color:#000;
	text-align:center;
    z-index:30;
}


a.boxpopupLeft
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupLeft:hover
{
	z-index:25;
}
a.boxpopupLeft span
{
	display: none;
	width:200px;

}
a.boxpopupLeft:hover span
{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:-1em; left:-20em;
	text-align:center;
    z-index:30;
}

textarea.textarea
{
	border: #CCCCCC solid 1px;
 	color: #000000;
  font-size: 12px;  
  font-family:helvetica, arial sans-serif;

  font-weight: lighter; 
}

 a.boxpopupUP
  {
	position:absolute;
	z-index:24;
	color:#046;
	text-decoration:none
  }
  a.boxpopupUP:hover
  {
	z-index:25;
  }
  a.boxpopupUP span
 {
 	display: none;
	background-repeat:no-repeat;
	width:230px;
  }
  a.boxpopupUP:hover span
  { 
	display:block;
	position:absolute;
	color:#000;
	top:-1em;
	left:40px;
	text-align:center;
    z-index:30;

  }


a.boxpopupUPLeft
  {
	position:absolute;
	z-index:24;
	color:#046;
	text-decoration:none
  }
  a.boxpopupUPLeft:hover
  {
	z-index:25;
  }
  a.boxpopupUPLeft span
 {
 	display: none;
	width:250px;
  }
  a.boxpopupUPLeft:hover span
  { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	color:#000;
	text-align:center;
    z-index:50;
	top:1.2em;
	left:-255px; 
  }
  
   a.boxpopupTCLeft
  {
	position:absolute;
	z-index:24;
	color:#046;
	text-decoration:none
  }
  a.boxpopupTCLeft:hover
  {
	z-index:25;
  }
  a.boxpopupTCLeft span
 {
 	display: none;
	width:220px;
  }
  a.boxpopupTCLeft:hover span
  { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:0.2em;
	right:10px;
	color:#000;
	text-align:center;
    z-index:30;
  }
a.boxpopupLeftS
{
	position:absolute;
	z-index:24;
	color:#046;
	text-decoration:none
}
a.boxpopupLeftS:hover
{
	z-index:25;
}

a.boxpopupLeftS span
{
	display: none;
	width:150px;

	
}
a.boxpopupLeftS:hover span
{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	right:0em;
	top: 1em;
	color:#000;
	text-align:center;
    z-index:30;
}

H5
{
  color: #676767;
  font-size: 16px;
  letter-spacing: 1px;
  line-height:12px;
  font-weight: bold;
  padding: 0px 0px 0px 0px; 
  
}

.space_buttons
{
   padding-left:5px; 
   padding-right:5px;
}

H6
{
  color: #676767;
  font-size: 13px;
  letter-spacing: 1px;
  line-height:12px;
  font-weight: bold;
  padding: 0px 0px 0px 16px; 
}
/*Hepl videos*/


a.links_view:link {
color:#d44c3f;
text-decoration:none;
}

a.links_view:active {
color:#d44c3f;
}

a.links_view:hover {
color:#d44c3f;
padding-bottom:0px;
text-decoration:underline;
}

a.links_view:visited {
color:#d44c3f;
padding-bottom:0px;
text-decoration:none;
}

.RedMediumhelp {
color:#d44c3f;

}

/*****/

a.boxpopupExtraLargeLeft
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupExtraLargeLeft:hover
{
	z-index:25;
}
a.boxpopupExtraLargeLeft span
{
	display: none;
	width:420px;

}
a.boxpopupExtraLargeLeft:hover span
{ 
	display:block;
	position:absolute;
	top:1.3em;
	right: 15px;
	color:#000;
	text-align:center;
    z-index:30;
}

a.boxpopupExtraLargeRight
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupExtraLargeRight:hover
{
	z-index:25;
}
a.boxpopupExtraLargeRight span
{
	display: none;
	width:420px;

}
a.boxpopupExtraLargeRight:hover span
{ 
	display:block;
	position:absolute;
	bottom:0.5em;
	right: 15px;
	color:#000;
	text-align:center;
    z-index:30;
}



a.boxpopupExtraLargeTop
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupExtraLargeTop:hover
{
	z-index:25;
}
a.boxpopupExtraLargeTop span
{
	display: none;
	width:420px;

}
a.boxpopupExtraLargeTop:hover span
{ 
	display:block;
	position:absolute;
	bottom:18.5em;
	right: -200px;
	color:#000;
	text-align:center;
    z-index:30;	
}


a.boxpopupExtraLargeBottom
{
	position:absolute;
	z-index:24;
	color:#046;	
	text-decoration:none
}
a.boxpopupExtraLargeBottom:hover
{
	z-index:25;
}
a.boxpopupExtraLargeBottom span
{
	display: none;
	width:420px;

}
a.boxpopupExtraLargeBottom:hover span
{ 
	display:block;
	position:absolute;
	top:1.1em;
	right: -200px;
	color:#000;
	text-align:center;
    z-index:30;
}
.buttonstyle-abs {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em;/* Resize Font*/
	color:#343434;
	margin: 0 10px 0 10px;
}

#menuPanel table tr td.divider1{      
    background:url(../../images/CT_Time_Linksdiv.gif)  no-repeat;
    /*line-height: 43px;*/
    width: 2px;
    height:48px;
     
}

.goo_grey_button
{
	font-family:Helvetica, Arial, sans-serif;
	display: inline-block;
	min-width: 45px;
	min-height:35px;
	text-align: center;
	color: #555  ;
	font-size:8pt;/* Resize Font*/
	font-weight:600;  
	padding: 0px 3px 0px 3px;
	margin: 0px;
	line-height: 35px;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-ms-transition: all 0.218s;
	-o-transition: all 0.218s;
	transition: all 0.218s;
	border: 1px solid gainsboro  ;
	border: 1px solid rgba(0, 0, 0, 0.1)  ;
	background-color: whiteSmoke  ;    
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor:hand;
	cursor: pointer;

}
.goo_grey_button:hover
{	
	border: 1px solid #C6C6C6  ;
	color: #333  ;
	-webkit-transition: all 0.0s;
	-moz-transition: all 0.0s;
	-ms-transition: all 0.0s;
	-o-transition: all 0.0s;
	transition: all 0.0s;
	background-color: #F8F8F8  ;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8  ),to(#f1f1f1  ));
	background-image: -webkit-linear-gradient(top,#f8f8f8  ,#f1f1f1  );
	background-image: -moz-linear-gradient(top,#f8f8f8  ,#f1f1f1  );
	background-image: -ms-linear-gradient(top,#f8f8f8  ,#f1f1f1  );
	background-image: -o-linear-gradient(top,#f8f8f8  ,#f1f1f1  );
	background-image: linear-gradient(top,#f8f8f8  ,#f1f1f1  );
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1)  ; 
}
.goo_red_button
{
	font-family:Helvetica, Arial, sans-serif;
	display: inline-block;
	min-width: 45px;
	min-height:35px;
	text-align: center;   
	font-size:8pt;/* Resize Font*/
	font-weight:600;  
	padding: 0px 3px 0px 3px;
	margin: 0px;
	line-height: 35px;
	border: 1px solid transparent;
	color: white  ;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1)  ;	
	background-color: #D14836  ;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39  ),to(#d14836  ));
	background-image: -webkit-linear-gradient(top,#dd4b39  ,#d14836  );
	background-image: -moz-linear-gradient(top,#dd4b39  ,#d14836  );
	background-image: -ms-linear-gradient(top,#dd4b39  ,#d14836  );
	background-image: -o-linear-gradient(top,#dd4b39  ,#d14836  );
	background-image: linear-gradient(top,#dd4b39  ,#d14836  );   
	cursor:hand;
	cursor: pointer;

}

.goo_red_button:hover
{		
	border: 1px solid #B0281A  ;
	color: white  ;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3)  ;
	background-color: #C53727  ;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39  ),to(#c53727  ));
	background-image: -webkit-linear-gradient(top,#dd4b39  ,#c53727  );
	background-image: -moz-linear-gradient(top,#dd4b39  ,#c53727  );
	background-image: -ms-linear-gradient(top,#dd4b39  ,#c53727  );
	background-image: -o-linear-gradient(top,#dd4b39  ,#c53727  );
	background-image: linear-gradient(top,#dd4b39  ,#c53727  );
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	-o-box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	text-decoration: none;
	-webkit-transition: all 0.0s;   
}

.goo_yell_button
{
	font-family:Helvetica, Arial, sans-serif;
	display: inline-block;
	min-width: 45px;
	min-height:35px;
	text-align: center;   
	font-size:8pt;/* Resize Font*/
	font-weight:600;  
	padding: 0px 3px 0px 3px;
	margin: 0px;
	line-height: 35px;
	border: 1px solid #FEE325;
	color: #555  ;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		
	background-color: #FFFF66 ;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39  ),to(#d14836  ));
	background-image: -webkit-linear-gradient(top,#FFFF99  ,#FFFF33   );
	background-image: -moz-linear-gradient(top,#FFFF99 ,#FFFF33   );
	background-image: -ms-linear-gradient(top,#FFFF99 ,#FFFF33   );
	background-image: -o-linear-gradient(top,#FFFF99  ,#FFFF33   );
	background-image: linear-gradient(top,#FFFF99 ,##FFFF33  );   
	cursor:hand;
	cursor: pointer;
}

.goo_yell_button:hover
{		
	border: 1px solid #FFD76E ; 
	color: #333  ;	
	background-color: #FFD76E  ;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39  ),to(#c53727  ));
	background-image: -webkit-linear-gradient(top,#FFFF33  ,#FFD76E  );
	background-image: -moz-linear-gradient(top,#FFFF33  ,#FFD76E  );
	background-image: -ms-linear-gradient(top,#FFFF33  ,#FFD76E  );
	background-image: -o-linear-gradient(top,#FFFF33  ,#FFD76E  );
	background-image: linear-gradient(top,#FFFF33  ,#FFD76E  );
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	-o-box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	text-decoration: none;
	-webkit-transition: all 0.0s;   
}

.goo_gree_button
{
	font-family:Helvetica, Arial, sans-serif;
	display: inline-block;
	min-width: 45px;
	min-height:35px;
	text-align: center;   
	font-size:8pt;/* Resize Font*/
	font-weight:600;  
	padding: 0px 3px 0px 3px;
	margin: 0px;
	line-height: 35px;
	border: 1px solid transparent;
	color: white  ;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1)  ;	
	background-color: #76AA5F  ;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39  ),to(#d14836  ));
	background-image: -webkit-linear-gradient(top,#76AA5F  ,#008000  );
	background-image: -moz-linear-gradient(top,#76AA5F  ,#008000  );
	background-image: -ms-linear-gradient(top,#76AA5F  ,#008000  );
	background-image: -o-linear-gradient(top,#76AA5F  ,#008000  );
	background-image: linear-gradient(top,#76AA5F  ,#008000  );   
	cursor:hand;
	cursor: pointer; 

}

.goo_gree_button:hover
{		
	border: 1px solid #008000  ;
	color: white  ;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3)  ;
	background-color: #  ;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39  ),to(#c53727  ));
	background-image: -webkit-linear-gradient(top,#76AA5F  ,#007100  );
	background-image: -moz-linear-gradient(top,#76AA5F  ,#007100  );
	background-image: -ms-linear-gradient(top,#76AA5F  ,#007100  );
	background-image: -o-linear-gradient(top,#76AA5F  ,#007100  );
	background-image: linear-gradient(top,#76AA5F  ,#007100  );
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	-o-box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2)  ;
	text-decoration: none;
	-webkit-transition: all 0.0s;   
}

.goo_large
{ 
	min-height: 37px;
}

.grey_calendar
{
background: whiteSmoke url(../../images/cal.gif) no-repeat center right 3px;
}
.grey_calendar:hover
{
background: whiteSmoke url(../../images/cal.gif) no-repeat center right 3px;
}

.goo_r_right
{
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.goo_r_left
{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.goo_r_none
{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}