/***************************************************************************
Folowing are the allowed colors for the attask primary style sheet entitled
"@task Brand Styleguide" composed by Graphic Designer Sara Zurn in 2009.
(All categories below go from lightest to darkest in shade.  Comments 
adjacent to color designations allow for mass search-and-replace changes.)*/


/*GRAYSCALE IN BLACK, WHITE, AND FOUR TONES:*/
/*BLACK #000000 */
/*FIRST TONE #3C3C3C */
/*SECOND TONE #666666 */
/*THIRD TONE #AAAAAA */
/*FOURTH TONE #E1E1E1 */
/*WHITE #FFFFFF */

/*MAIN COLOR IN 3 DEGREES, SECOND IS TRUE ATTASK BLUE:*/
/*FIRST DEGREE #393E83 */
/*SECOND DEGREE #597AC6 */
/*THIRD DEGREE #AFE1FF */

/*COMPLIMENTARY COLOR IN TWO COMPLIMENTS, SECOND IS TRUE ATTASK ORANGE:*/
/*FIRST COMPLIMENT #D97C03 */
/*SECOND COMPLIMENT #FF6600 */

/*ACCENT COLORS:*/
/*SYNOPSIS COLOR #E1E1E1 */
/*CAUTION COLOR #EE6469 */
/*HIGHLIGHT COLOR #F8F8C0 */
/*ERROR COLOR #FF0000 */
/*AMBIENT COLOR #FFFFFF */

/******************************************************/
.bgcb{
  background-color: #000000;/*BLACK*/
}
.bgc1t{
  background-color: #3C3C3C;/*FIRST TONE*/
}
.bgc2t{
  background-color: #666666;/*SECOND TONE*/
}
.bgc3t{
  background-color: #AAAAAA;/*THIRD TONE*/
}
.bgc4t{
  background-color: #E1E1E1;/*FOURTH TONE*/
}
.bgcw{
  background-color: #FFFFFF;/*WHITE*/
}
.bgc1d{
  background-color: #393E83;/*FIRST DEGREE*/
}
.bgc2d{
  background-color: #597AC6;/*SECOND DEGREE*/
}
.bgc3d{
  background-color: #AFE1FF;/*THIRD DEGREE*/
}
.bgc1c{
  background-color: #D97C03;/*FIRST COMPLIMENT*/
}
.bgc2c{
  background-color: #FF6600;/*SECOND COMPLIMENT*/
}
.bgcs{
  background-color: #E1E1E1;/*SYNOPSIS COLOR*/
}
.bgcc{
  background-color: #EE6469;/*CAUTION COLOR*/
}
.bgch{
  background-color: #F8F8C0;/*HIGHLIGHT COLOR*/
}
.bgce{
  background-color: #FF0000;/*ERROR COLOR*/
}
.bgca{
  background-color: #FFFFFF;/*AMBIENT COLOR*/
}


/******************************************************/
.cb{
  color: #000000;/*BLACK*/
}
.c1t{
color: #3C3C3C;/*FIRST TONE*/
}
.c2t{
  color: #666666;/*SECOND TONE*/
}
.c3t{
  color: #AAAAAA;/*THIRD TONE*/
}
.c4t{
	color: #E1E1E1;/*FOURTH TONE*/
}
.cw{
  color: #FFFFFF;/*WHITE*/
}
.c1d{
  color: #393E83;/*FIRST DEGREE*/
}
.c2d{
  color: #597AC6;/*SECOND DEGREE*/
}
.c3d{
  color: #AFE1FF;/*THIRD DEGREE*/
}
.c1c{
  color: #D97C03;/*FIRST COMPLIMENT*/
}
.c2c{
  color: #FF6600;/*SECOND COMPLIMENT*/
}
.cs{
  color: #E1E1E1;/*SYNOPSIS COLOR*/
}
.cc{
  color: #EE6469;/*CAUTION COLOR*/
}
.ch{
  color: #F8F8C0;/*HIGHLIGHT COLOR*/
}
.ce{
  color: #FF0000;/*ERROR COLOR*/
}
.ca{
  color: #FFFFFF;/*AMBIENT COLOR*/
}
.cdo {
  color: #604217;/* dark_orange*/
}
.clo {
  color: #FF9933;/* light_orange*/
}
.clo2 {
  color: #FFCC33;/* light_orange*/
}
.c2{
  color: #222222;/* dark_gray*/
}
.c3{
  color: #55555;/* dark_gray*/
}


/****************************************************************/
.bcb{
  border-color: #666666;/*BLACK*/
}
.bc1t{
  border-color: #999999;/*FIRST TONE*/
}
.bc2t{
  border-color: #666666;/*SECOND TONE*/
}
.bc3t{
  border-color: #AAAAAA;/*THIRD TONE*/
}
.bc4t{
  border-color: #E1E1E1;/*FOURTH TONE*/
}
.bcw{
  border-color: #FFFFFF;/*WHITE*/
}
.bc1d{
  border-color: #393E83;/*FIRST DEGREE*/
}
.bc2d{
  border-color: #597AC6;/*SECOND DEGREE*/
}
.bc3d{
  border-color: #AFE1FF;/*THIRD DEGREE*/
}
.bc1c{
  border-color: #D97C03;/*FIRST COMPLIMENT*/
}
.bc2c{
  border-color: #FF6600;/*SECOND COMPLIMENT*/
}
.bcs{
  border-color: #E1E1E1;/*SYNOPSIS COLOR*/
}
.bcc{
  border-color: #EE6469;/*CAUTION COLOR*/
}
.bch{
  border-color: #F8F8C0;/*HIGHLIGHT COLOR*/
}
.bce{
  border-color: #FF0000;/*ERROR COLOR*/
}
.bca{
  border-color: #FFFFFF;/*AMBIENT COLOR*/
}

.b0{
  border: 0;	
}

.bf{
  border: 1px;
  border-style: solid;
  border-collapse: collapse;
}
.btq{
  border-left: 1px;
  border-left-style: solid;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-right: 1px;
  border-right-style: solid;
  border-collapse: collapse;
}
.bl{
  border-left: 1px;
  border-left-style: solid;
}
.bb{
  border-bottom: 1px;
  border-bottom-style: solid;
}
.br{
  border-right: 1px;
  border-right-style: solid;
}
.bt{
  border-top: 1px;
  border-top-style: solid;
}



/****************************************************/
.m0 {
	margin: 0;
}
.mt0 {
	margin-top: 0;
}
.mb0 {
	margin-bottom: 0;
}
.ml0 {
	margin-left: 0;
}
.mr0 {
	margin-right: 0;
}

pf0{
  padding: 0; 
}
pf10{
	padding: 10px;
}
pt0{
  padding-top: 0; 
}
pb0{
  padding-bottom: 0; 
}
pl0{
  padding-left: 0; 
}
pr0{
  padding-right: 0; 
}
.pfl{
  padding: 16px;
}
.pfm{
  padding: 10px;
}
.pfs{
  padding: 4px;
}
.pts{
  padding-top: 4px;
}
.ptm{
  padding-top: 10px;
}
.ptl{
  padding-top: 16px;
}
.plrs{
  padding-left: 4px;
  padding-right: 4px;
}
.pls{
  padding-left: 4px;
}
.prs{
  padding-right: 4px;
}
.plm{
  padding-left: 8px;
}
.prm{
  padding-right: 8px;
}
.plrm{
  padding-left: 8px;
  padding-right: 8px;
}
.plrl{
  padding-left: 16px;
  padding-right: 16px;
}
.pbs{
  padding-bottom: 4px;
}
.pbm{
  padding-bottom: 8px;
}
.pbl{
  padding-bottom: 16px;
}



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

body{
  font-family:Arial,Helvetica,sans-serif;
  //font-family: "ScalaSans", "Frutiger", "Gill Sans", Helvetica, Arial,  sans-serif;
}

.ffDefault{
  font-family: "ScalaSans", "Frutiger", "Gill Sans", Helvetica, Arial,  sans-serif;
}

.ffArial{
  font-family: Arial, Helvetica, sans-serif;
}
.ffGeneva{
  font-family: Geneva, Arial, sans-serif;
}
.ffLucida{
  font-family:  "Lucida Grande", Geneva, Arial, sans-serif;
}
.ffTrebuchet{
  font-family:  "Trebuchet MS", Arial, sans-serif;
}

.fwn{
	font-weight: normal;
}
.b{
	font-weight: bold;
}


.i{
	font-style: italic;
}


.al{
	text-align: left;
}
.ac{
	text-align: center;
}
.aj{
	text-align: justify;
}
.ar{
	text-align: right;
}


.fs8 {
  FONT-SIZE: 8px;
}
.fs9 {
  FONT-SIZE: 9px;
}
.fs10 {
  FONT-SIZE: 10px;
}
.fs11 {
  FONT-SIZE: 11px;
}
.fs12 {
  FONT-SIZE: 12px;
}
.fs13 {
  FONT-SIZE: 13px;
}
.fs14 {
  FONT-SIZE: 14px;
}
.fs15 {
  FONT-SIZE: 15px;
}
.fs16 {
  FONT-SIZE: 16px;
}
.fs18 {
  FONT-SIZE: 18px;
}
.fs20 {
  FONT-SIZE: 20px;
}
.fs22 {
  FONT-SIZE: 22px;
}
.fs24 {
  FONT-SIZE: 24px;
}
.fs36 {
  FONT-SIZE: 36px;
}
.fs42 {
  FONT-SIZE: 42px;
}
  
  
.ttu{
  text-transform: uppercase;
}
.ttsc{
  font-variant: small-caps;
}


.lsp1 {
  letter-spacing: 1px;
}
.lsp2 {
  letter-spacing: 2px;
}
.lsp3 {
  letter-spacing: 3px;
}
.lsm1 {
  letter-spacing: -1px;
}
.lsm2 {
  letter-spacing: -2px;
}
.lsm3 {
  letter-spacing: -3px;
}


.lh10{
  line-height: 10px;
}
.lh11{
  line-height: 11px;
}
.lh12{
  line-height: 12px;
}
.lh13{
  line-height: 13px;
}
.lh14{
  line-height: 14px;
}
.lh15{
  line-height: 15px;
}
.lh16{
  line-height: 16px;
}
.lh17{
  line-height: 17px;
}
.lh18{
  line-height: 18px;
}    
.lh60p{
  line-height: 60%;
}
.lh70p{
  line-height: 70%;
}
.lh80p{
  line-height: 80%;
}
.lh90p{
  line-height: 90%;
}
.lh120p{
	line-height: 120%;
}


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

A{
  text-decoration: none;
}
A:hover {
  text-decoration: none; 
}

.db{
	display: block;
}

.A1d A{
  COLOR : #393E83;/*FIRST DEGREE*/
  text-decoration: none;
}
.A1d A:VISITED {
  COLOR : #393E83;/*FIRST DEGREE*/
}
.A1d A:HOVER {
  COLOR: #393E83;/*FIRST DEGREE*/
}
.A1d A:UNKNOWN {
    COLOR : #393E83;/*FIRST DEGREE*/
}

.A2 A{
  COLOR : #222222;/*light_gray*/
  text-decoration: none;
}
.A2 A:VISITED {
  COLOR : #222222;/*light_gray*/
}
.A2 A:HOVER {
  COLOR : #222222;/*light_gray*/
}
.A2 A:UNKNOWN {
    COLOR : #222222;/*light_gray*/
}



.A2d A{
  COLOR : #597AC6;/*SECOND DEGREE*/
  text-decoration: none;
}
.A2d A:VISITED {
  COLOR : #597AC6;/*SECOND DEGREE*/
}
.A2d A:HOVER {
  COLOR: #597AC6;/*SECOND DEGREE*/
}
.A2d A:UNKNOWN {
    COLOR : #597AC6;/*SECOND DEGREE*/
}

.A2du A{
  COLOR : #597AC6;/*SECOND DEGREE*/
  text-decoration: none;
}
.A2du A:VISITED {
  COLOR : #597AC6;/*SECOND DEGREE*/
}
.A2du A:HOVER {
  COLOR: #597AC6;/*SECOND DEGREE*/
  text-decoration: underline;
}
.A2du A:UNKNOWN {
    COLOR : #597AC6;/*SECOND DEGREE*/
}


.A2dh A{
  COLOR : #597AC6;/*SECOND DEGREE*/
  text-decoration: none;
}
.A2dh A:VISITED {
  COLOR : #597AC6;/*SECOND DEGREE*/
}
.A2dh A:HOVER {
  color: #D97C03;/*FIRST COMPLIMENT*/
}
.A2dh A:UNKNOWN {
    COLOR : #597AC6;/*SECOND DEGREE*/
}


.Ab A{
  COLOR: #000000;/*BLACK*/
  text-decoration: none;
}
.Ab A:VISITED {
  COLOR: #000000;/*BLACK*/
}
.Ab A:HOVER {
  color : #000000;/*BLACK*/
}
.Ab A:UNKNOWN {
    COLOR: #000000;/*BLACK*/
}




.Aw A{
  color : #FFFFFF;/*WHITE*/
  text-decoration: none;
}
.Aw A:VISITED {
  color : #FFFFFF;/*WHITE*/
}
.Aw A:HOVER {
  color: #FFFFFF;/*WHITE*/
}
.Aw A:UNKNOWN {
  color : #FFFFFF;/*WHITE*/
}


.A1t A{
  color: #3C3C3C;/*FIRST TONE*/
  text-decoration: none;
}
.A1t A:VISITED {
  color: #3C3C3C;/*FIRST TONE*/
}
.A1t A:HOVER {
  color: #FF6600;/*SECOND COMPLIMENT*/
}
.A1t A:UNKNOWN {
  color: #3C3C3C;/*FIRST TONE*/
}

.A1tu A{
  color: #3C3C3C;/*FIRST TONE*/
  text-decoration: underline;
}
.A1tu A:VISITED {
  color: #3C3C3C;/*FIRST TONE*/
}
.A1tu A:HOVER {
  color: #3C3C3C;/*FIRST TONE*/
}
.A1tu A:UNKNOWN {
  color: #3C3C3C;/*FIRST TONE*/
}


.A2t A{
  color: #666666;/*SECOND TONE*/
  text-decoration: none;
}
.A2t A:VISITED {
  color: #666666;/*SECOND TONE*/
}
.A2t A:HOVER {
  color: #666666;/*SECOND TONE*/
}
.A2t A:UNKNOWN {
  color: #666666;/*SECOND TONE*/
}



.A3t A{
  color: #AAAAAA;/*THIRD TONE*/
  text-decoration: none;
}
.A3t A:VISITED {
  color: #AAAAAA;/*THIRD TONE*/
}
.A3t A:HOVER {
  color : #AAAAAA;/*THIRD TONE*/
}
.A3t A:UNKNOWN {
  color: #AAAAAA;/*THIRD TONE*/
}



.A1c A{
  color: #D97C03;/*FIRST COMPLIMENT*/
  text-decoration: none;
}
.A1c A:VISITED {
  color: #D97C03;/*FIRST COMPLIMENT*/
}
.A1c A:HOVER {
  color: #D97C03;/*FIRST COMPLIMENT*/
}
.A1c A:UNKNOWN {
  color: #D97C03;/*FIRST COMPLIMENT*/
}



.As A{
  color: #E1E1E1;/*SYNOPSIS COLOR*/
  text-decoration: none;
}
.As A:VISITED {
  color: #E1E1E1;/*SYNOPSIS COLOR*/
}
.As A:HOVER {
  color: #E1E1E1;/*SYNOPSIS COLOR*/
}
.As A:UNKNOWN {
  color: #E1E1E1;/*SYNOPSIS COLOR*/
}


.Ah A{
  color: #F8F8C0;/*HIGHLIGHT COLOR*/
  text-decoration: none;
}
.Ah A:VISITED {
  color: #F8F8C0;/*HIGHLIGHT COLOR*/
}
.Ah A:HOVER {
  color: #F8F8C0;/*HIGHLIGHT COLOR*/
}
.Ah A:UNKNOWN {
  color: #F8F8C0;/*HIGHLIGHT COLOR*/
}


.Ae A{
  color: #FF0000;/*ERROR COLOR*/
  text-decoration: none;
}
.Ae A:VISITED {
  color: #FF0000;/*ERROR COLOR*/
}
.Ae A:HOVER {
  color: #FF0000;/*ERROR COLOR*/
}
.Ae A:UNKNOWN {
  color: #FF0000;/*ERROR COLOR*/
}


.Aa A{
  color: #FFFFFF;/*AMBIENT COLOR*/
  text-decoration: none;
}
.Aa A:VISITED {
  color: #FFFFFF;/*AMBIENT COLOR*/
}
.Aa A:HOVER {
  color: #FFFFFF;/*AMBIENT COLOR*/
}
.Aa A:UNKNOWN {
  color: #FFFFFF;/*AMBIENT COLOR*/
}


.Aex A{
  color: #222222;/*AMBIENT COLOR*/
  text-decoration: none;
}
.Aex A:VISITED {
  color: #222222;/*AMBIENT COLOR*/
}
.Aex A:HOVER {
  color: #222222;/*AMBIENT COLOR*/
}
.Aex A:UNKNOWN {
  color: #222222;/*AMBIENT COLOR*/
}


.Ahu A:HOVER {
	  text-decoration: underline;
}

.Aho A:HOVER {
	color: #D97C03;
}

.A2ch A:HOVER {
  color: #FF6600;/*SECOND COMPLIMENT*/
}



h1{
	font-size: 24px;
}
h2{
	font-size: 20px;
}
h3{
	font-size: 18px;
}



.mh850{
	min-height: 850px;
}
 
.pointer {
    cursor: pointer; 
}
    
.attask-centerd-div{
	position:absolute;
	top 0px;
	left: 50%;
	margin-left: -450px; /*set to a negative number 1/2 of your width*/
}


/****************************************************/
.attask-topnav{
  font-family:Arial,Helvetica,sans-serif;
  color: #FFFFFF;/*WHITE*/ 
  text-decoration: none;
  font-weight: normal;
  font-size:10px;
  background: #000000 url(images/top-navigation/topnav-background.gif) top repeat-x;  
  height:36px;
  text-transform:uppercase;
  -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;
  width:900px;
}

.attask-topnav ul{
  list-style:none;
  float:left;
  padding: 0px;
  margin: 0px;
  position:relative;
  top:-35px;
  left:208px;
}

.attask-topnav li{ 
  float:left;
  margin:0px;
  text-align:center;
  cursor: pointer;
  width:90px;
  padding: 0px;
  padding-top:13px;
  height:22px;
} 

.attask-topnav li a{ 
  color: #FFFFFF;/*WHITE*/ 
  text-decoration: none;
  font-weight: normal;
  font-size:10px;
  height:34px;
}

.attask-topnav-state-default{ 
  background: url(images/top-navigation/topnav_divider.gif) left top no-repeat;
}

.attask-topnav-state-selected{ 
  background: #000000 url(images/top-navigation/topnav-background-selected.gif) repeat-x; 
}

.attask-topnav-state-hover{ 
  background: #000000 url(images/top-navigation/topnav-background-selected.gif) repeat-x; 
}
    
.db{display: block;}
.top_nav {background: url(old_nav_images/nav_background.gif) repeat-x; background-color: #3c3c3c;}
.menu_item {background: url(old_nav_images/nav_divider.gif) no-repeat left center; }
.menu_item_selected{background: url(old_nav_images/nav_background_selected.gif) repeat-x; }
.divider {	width: 1px;	height: 30px; background: url(old_nav_images/footer_divider.gif) no-repeat; }


/****************************************************/
.attask-subnav{
  margin-top: 4px;
  margin-bottom: 8px;
  height:10px;
  width:900px;
  text-align:right;
}

.attask-subnav ul{
  list-style:none;
  float:right;
  padding: 0px;
  margin: 0px;
  //margin-top:-24px;
}

.attask-subnav li{ 
  float:left;
  margin:0px;
}

.attask-subnav a{ 
  font-family:Geneva, Arial, Helvetica, sans-serif;
  color: #3C3C3C;/*FIRST TONE*/
  text-align:center;
  text-decoration: none;
  font-weight: normal;
  font-size:11px;
  padding: 1px 8px 1px 8px;
  background-color: none;
  border-left: 1px solid #AAAAAA;/*THIRD TONE*/
}

.attask-subnav a:hover{ 
  color: #FF6600;/*SECOND COMPLIMENT*/
}

.chat{   
  position:relative; 
  float:left; 
}


/****************************************************/
.attask-socnav{
  padding: 0px; 
  margin:0px; 
  width:108px;}

.attask-socnav img{
  padding: 0px; 
  margin:0px;
}
    


/****************************************************/
.attask-bottomnav{
  margin-top: 8px;
  margin-bottom: 8px;
  height:30px;
  width:200px;
  text-align:center;
}

.attask-bottomnav ul{
  list-style:none;
  padding: 0px;
  margin: 0px;
}

.attask-bottomnav li{ 
  float:left;
  margin:0px;
  height:30px;
  margin-top: 6px;
}

.attask-bottomnav a{ 
  font-family:Geneva, Arial, Helvetica, sans-serif;
  color: #3C3C3C;/*FIRST TONE*/
  text-align:center;
  text-decoration: none;
  font-weight: normal;
  font-size:11px;
  padding: 10px;
  height:30px;
}

.attask-bottomnav a:hover{ 
  color: #FF6600;/*SECOND COMPLIMENT*/
}

.attask-bottomnav-state-default a{ 
  background: #FFFFFF url(images/bottom-navigation/bottomnav_divider.gif) left center no-repeat;
}
    


/****************************************************/
.product-tour-navigation-header{
  width:210px;
  font-size:20px;
  text-align:center;
  color: #FFFFFF;/*WHITE*/
}

.product-tour-navigation-list{
  width:187px;
  padding-left:5px;
  padding-right:5px;
  border: 1px solid;
  border-top:none;
  border-color: #393E83;/*FIRST DEGREE*/
  color: #393E83;/*FIRST DEGREE*/ 
  text-align:left;
}

.product-tour-navigation-list ul{
  list-style:none;
  padding: 0px;
  margin: 0px;
}

.product-tour-navigation-list li{
  width:187px;
  height:22px;
  padding-top:8px;
  margin-left:4px;
  border-bottom: 1px solid #D1DBE3;
}

.product-tour-navigation-list li a{
  width:187px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  padding-left:4px;
}
    
.product-tour-navigation-list li img{
  float:left;
  margin-top:-3px;
}

/****************************************************/
.banner{
  padding-top:16px;
  width:900px;
  height:176px;
  margin-top:5px;
}

.overview-banner{
  background: url(images/page-banners/banner-overview.jpg) top no-repeat;
}

.demo{
  margin-top:-4px;
  margin-left:658px;
  width:230px;
  height:71px;
  //background: url(images/page-banners/button-view-demo.gif) top no-repeat;
}

.trial{
  margin-top:16px;
  margin-left:658px;
  width:230px;
  height:71px;
  //background: url(images/page-banners/button-try-attask.gif) top no-repeat;
}



/****************************************************/
.screenShotDialog{

width:780px
max-width:780px;}