HTML{ background:#808080; /*background:#2C2C2C;*/}
div{
   behavior: url(frameworks/PIE.htc);
}
BODY {
	font-family: Open Sans,sans-serif;
	font-weight: 400;
	font-size: 14px;
}
/*a, span, h1, h2{
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -o-user-select: none;
	user-select: none;  	
}*/
a{text-decoration:none; outline:none;}
a:hover{}
#loading{
   position:absolute;
   display:block;
   z-index:999;
   width:100%;
   height:100%;
   background:#000 url(images/ajax-loader.gif) 50% 50% no-repeat;
   opacity:0.2;
   }

/**
 * Global scroll
 */
.thumb{
/*   -moz-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0 0 5px #D0D0D0;
   -webkit-box-shadow:0 0 5px #D0D0D0;
   box-shadow: 0 0 5px #D0D0D0;*/
   background-color: #AFAFAF;
}
.overview   { position: absolute; left: 0; top: 0; }
.thumb      {}
.scrollbar  { position: relative; float: right; width:5px; margin-top:0px; }
.track      { background: none; height: 100%; width:5px; position: relative; padding: 0 0px; }
.thumb      { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.thumb .end {}
.disable    { display: none; }
   
/***
 * HELP PAGES
 */
#helpButton{ 
  display:block; 
  width:135px; 
  height:40px; 
  background:url(images/need-help.png) no-repeat; 
  position:absolute; 
  top:55px; 
  right:30px;
}
.helpPanel{
   display:block;
   position:absolute;
   z-index:999;
   width:1000px;
   height:430px;
   top:163px;
   left:50%;
   margin-left:-500px;
   -moz-border-radius: 5px;
    border-radius: 5px;
   background:#FFF;
   -moz-box-shadow: 0 0 8px #D0D0D0;
	  -webkit-box-shadow:0 0 8px #D0D0D0;
	  box-shadow: 0 0 8px #D0D0D0;
	  padding-top:2px;
}
.helpPanel .helpContainer{
   padding:20px;
   font:normal 13px Arial;
}

.helpScrollContainer           { width: 970px; clear: both;}
.helpScrollContainer .viewport { width: 950px; height:350px; overflow: hidden; position: relative; }


.helpPanel .helpPanel-header{
   display:block;
   position:relative;
   height:35px;
   font:normal 16px Arial;
   padding-left:20px;
   line-height:35px;
   background:#F5F5F5;
   -moz-border-radius: 5px;
    border-radius: 5px;
	margin:0px 2px 0px 2px;
   }
.helpPanel .helpPanel-header h1{ font-size:18px; font-weight:normal;}

.helpPanel-header a{
   position:absolute;
   top:9px;
   right:9px;
   width:14px;
   height:14px;
   background:url(images/x_14x14.png) no-repeat;
   }
/** //HELP PAGES */

#screenFrame{
    width:1022px;
    height:690px;
    position:absolute;
	overflow:hidden;
    display:block;
    background:#000 url(images/dna-black.jpg) no-repeat fixed 50% center;
	z-index:0;
}


.pagefooter{display: none; position: absolute; bottom: 0px; width: 100%; height: 43px; background: #292929; }

.privacy {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 43px;
	background: #292929;
	display: block;
}

#breadcrumbs{
   position:absolute;
   z-index:999;
   bottom:15px;
   right:40px;
   font:normal 13px Arial;
   }

#breadcrumbs li{ float:left; padding-right:15px;}
#breadcrumbs li a{ color:#70c9ea; }
#breadcrumbs li a:hover{ color:#FFF; }

/* Main Application Header */
.header{
    display:block;
    position:absolute;
    width:100%;
    height:54px;
    background:url(images/header-background.png) repeat-x;
    z-index:999;
}

.header .logo{
    display:block;
    position:absolute;
    width:67px;
    height:12px;
    top:18px;
    right:16px;
    background:url(images/logo.png) no-repeat;
}

.header h1{
	display:block;
	position:absolute;
	width:166px;
	height:19px;
	top:13px;
	left:50%;
	margin-left:-83px;
	background:url(images/header-text.png) no-repeat;
}
/* all project only for user with type ADMIN*/
#switch-projectlist{ display:none; color:#72CEED;}

/* Screens */
#networkErrorScreen,
#screenStart,
#screenDashboard,
#screenLogin{
    display:none;
    position:relative;
    width:1022px;
    height:690px;
}
#screenStart{ display:none;}

.result-container p{
	font:normal 16px Arial;
	color:#666666;
	padding:5px 5px 0px 60px;
	background:url(images/quote.png) no-repeat left;
}

/* Splash */
#screenSplash{
  background: #f5f5f5;
}

/* Dashboard */

#screenDashboard{
	position:absolute;
	background:#F5F5F5;
	display:none;
}

#screenDashboard .result-header{
	display:block;
	position:absolute;
	width:100%;
	height:109px;
	top:47px;
	background:#FFF;
	z-index:99;
}
#screenDashboard .result-header .arrow{
	display:block;
	position:absolute;
	width:11px;
	height:7px;
	left:48px;
	bottom:-7px;
	background:url(images/result-header-bg.png) repeat-x bottom;
}

#screenDashboard .result-header .menu{
	display:block;
	position:absolute;
	right:30px;
	top:20px;
	font:normal 13px Arial;
}

#screenDashboard .result-header .menu a{ color:#72c7e7; font-weight:bold;}

#main-menu{display:block; overflow:hidden; background:#FFF; width:150px;}
#main-menu li{ display:block; background:#EFEFEF; margin:1px 0px 0px 0px;}
#main-menu li a{ padding-left:5px; display:block;}
#main-menu li.first{}
#main-menu li.first a{ color:#72C7E7; line-height:20px; padding-left:10px;}
#main-menu li a{ font-size:12px; color:#72C7E7; line-height:25px;}

#static-menu{}
#static-menu li{ float:left; padding-right:10px; }
#username{ background: url(images/user-icon-small.png) no-repeat; padding-left: 20px; color: #666666; font: normal 13px arial;}

#aboutTeams{ display:none; position:absolute; left:15px; top:40px; color:#444444; font:normal 11px Arial;}
#aboutTeams .team-info{display: block; overflow:hidden;  margin-right:15px; margin-bottom:10px; }
#aboutTeams .team-info a{display:block; width:12px; height:12px; float:left;  background:url(images/dots.png) no-repeat;}
#aboutTeams .team-info span{float:left; display:block; width:auto; padding-left:10px; }
#aboutTeams .team-info a.second{ background-position:0px -12px;}

#aboutTeams .img{ position:absolute; display:none;  left:270px; top:-4px; width:40px; height:40px; overflow:hidden;}

#screenDashboard .w-container{
  overflow:hidden;
  position:absolute;
  padding:0px 35px 0px 35px;
  top:163px;
  height:524px;
  border:none;
}


/*#screenDashboard .container p{
	font:normal 16px Arial;
	color:#666666;
	padding:0px 5px 0px 60px;
	background:url(images/quote.png) no-repeat left;
}*/
#splash{ display: block; }

#splash .left{
  display: block;
  width: 497px;
  float: left;
  margin-top: 35px;
  margin-right: 20px; 
}

#splash .right .buttons{
  padding-top: 50px;
}
#splash .right .buttons li{ margin-bottom: 10px;}
#splash .right{
  display: block;
  width: 430px;
  float: left;
  margin-top: 35px;
}

#splash .right p{
  font: normal 22px arial;
  margin-bottom: 35px;
  color: #444344;
}
#splash .right .info{ padding-left: 36px;}
#splash .right .info li{ 
  display: block; 
  height: 30px; 
  clear: both;
  background: url(images/bubble.png) no-repeat;
  line-height: 30px;
  font: normal 18px Arial;
  margin-bottom: 15px;
  color: #444344;
}

#splash .right .info li span{
    margin-right: 30px;
    padding-left: 10px;
    font: normal 15px Arial;
    color: #FFF;
    font-weight: bold;
}


#start-new-project-btn{
  display: block;
  width: 326px;
  height: 64px;
  background: url(images/start-project.png);
}
#view-projects{
  display: block;
  width: 326px;
  height: 64px;
  background: url(images/view-project.png);
}

/*#dashboard{ display:block; }*/
#dashboard h1{ font: normal 16px Arial; padding:10px 0px 10px 0px;}
#dashboard .quick-search{ font:bold 12px Arial; position:absolute; right:55px; top:5px;}
#dashboard .quick-search label{ padding-right:10px;}
/* PROJECT LIST */
#projectlist{}
#projectlist li{
	display:block;
	position:relative;
	height:70px;
	width:952px;
	background:url(images/big-list-bullet.png) no-repeat;
	}
	
#projectlist .editinplace-box{ background:#EFEFEF; padding:3px; z-index:999;}

#projectlist .img-logo{
   position:absolute;
   top:5px;
   left:8px;
   display:block;
   width:40px;
   height:40px;
   background-position:center;
   background-repeat: no-repeat;
   border:none;
   cursor:pointer;
   z-index:100;
   font:normal 10px Arial;
   color:#000;
   text-align:center;
   margin:0px; padding:0px; text-decoration:none;
   overflow:hidden;
   }
#projectlist .img-logo img{  border:none; margin:0px; padding:0px;}
.logo-box{ width:60px; height:60px; position:absolute; display:block; overflow:hidden; top:0px; left:0px;}
.logo-box .small-link{ font:normal 9px Arial; position:absolute; bottom:0px; left:5px; color:#999999; z-index:100;}
.logo-box .small-link:hover{ color:red;}

#projectlist li h1{
   position:absolute;
   left:65px;
   top:14px;
   display:block;
   padding:0px 15px 0px 0px;
   font:normal 14px Arial;
   color:#000;
  /* background:url(images/pen_8x8.png) no-repeat center right;*/
   }
#projectlist li h1:hover{ color:red; }
#projectlist li .menu{ float:right; padding-right:10px; }
#projectlist li .menu a{
	background:url(images/small-arrow.png) no-repeat center left;
	padding:0px 15px 0px 7px;
	font:normal 13px arial;
	color:#999999;
	line-height:58px;
}
#projectlist li .menu a:hover{ color:red;}
#projectlist .project-delete{font:normal 9px Arial; position:absolute; right:8px; bottom:10px; color:#999999; z-index:100; text-transform:lowercase;}
#projectlist .project-delete:hover{color:red; text-transform:lowercase;}

/*emails screen*/
#emails{ display:none;}
.tabs-container{ 
  display: block;
  position: relative;
  width: 100%; 
  margin-top: 40px;
}
#emails .tab-menu{
  display: block;
  position: absolute;
  top: -35px;
  overflow: hidden;
  height: 35px;
  padding-left: 40px;
}
#emails .tab-menu li{
  display: block;
  position: relative;
  float: left;
  width: 91px;
  height: 35px;
  background: url(images/bp_tab_up_off.jpg) no-repeat;
}

#emails .tab-menu li.selected{
  background: url(images/bp_tab_up_on.jpg) no-repeat;
}
#emails .tab-menu li.selected a.tb{
  color: #000;
}

#emails .tab-menu li a.tb{
  display: block;
  position: absolute;
  width: 91px;
  top: 10px;
  text-decoration: none; 
  color: #72C7E7; 
  font:bold 13px Arial;
  text-align: center;
}

#emails .tab{
  background:#FFF;
  width:920px;
  margin:15px 0px 0px 15px;
  -moz-box-shadow: 0 0 8px #D0D0D0;
  -webkit-box-shadow:0 0 8px #D0D0D0;
  box-shadow: 0 0 8px #D0D0D0;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-top:2px;
  height:420px;
  overflow:hidden;
}
#emails .email-help{
  display: block;
  position: absolute; 
  width: 340px;
  right: 30px;
  font:normal 12px Arial; 
}
#emails .invite{display: block;}
#emails .report{ display: none;}
#emails .reminder{display: none;}

#emails form{padding:25px;}
#emails form p{ padding-bottom: 10px;}
#emails input{ width:75;}
#emails label{display:inline-block; width:130px; font:normal 14px Arial; margin-bottom:15px;}
#emails textarea{ width:100%; height:150px;}

#emails_line input{ width:100%;}
#emails_line label{display:block; float:none; font:normal 14px Arial; margin-bottom:15px;}

.emaillist           { width:inherit; clear: both;}
.emaillist .viewport { width:inherit; height:250px; overflow: hidden; position: relative; }


.emaillist ul{ font:normal 12px Arial; padding:20px;}
.emaillist p{ padding:20px; font:normal 12px Arial; }
/*team screen*/
#teams{ display:none;}

.emailpopup-title{ margin-bottom: 10px; font-weight: bold;}

/** Teams listing **/

#teamList       { width:952px; display:block; overflow:hidden; font:normal 13px Arial;}
#teamList .team {display:block; overflow:hidden; }
#teamList .left {float:left;}
#teamList .right{ float:right; }

.team li.test                { display:block; position:relative; width:412px; height:89px; background:url(images/test-list-bullet.png) repeat;}
.team li.test a              { display:block; position:absolute; left:28px; top:18px; width:30px; height:46px; background:url(images/people-icon-big.png) no-repeat; }
.team li.test div            { display:block; position:absolute; left:85px; top:32px; }
.team li.test div span       { display:block; color:#000;}
.team li.test div span:hover { color:red;}
.team li.test div span.top   { display:block; font-size:16px;}
.team li.test div span.bottom{ display:block; font-size:12px;}
/* Team icon color */
#teamList .left  li.test a{background-position:0px -46px; }
#teamList .right li.test a{ }

#teamList a.name{ 
   display:block; 
   color:#000; 
   width:auto; 
   position: absolute;
   top:-10px;
   background:none;
}

.member     { display:block; overflow:hidden;  width:412px; height:auto; }
.member li  { position:relative; display:block; margin:5px 0px 5px 0px; width:202px; height:69px; background:url(images/user-list-bullet.png) no-repeat; }
.member li a{ display:block; position:absolute; width:17px; height:26px; background:url(images/line-bar.png) no-repeat; top:18px; left:10px; color:#FFF; line-height:26px; text-align:center;}

/* User icon color */
#teamList .left  .member li a{ background-position:0px -26px;}
#teamList .right .member li a{ }

.member li div{ display:block; position:absolute; top:14px; left:40px; border-left:1px solid #EDEDED; padding-left:12px;}
.member li span{ display:block; width:149px; height:16px; overflow:hidden;}
.member li span.percent{ font:normal 11px Arial;}

#teamList  .left  .member li  a.edit,
#teamList  .right .member li  a.edit,
#teamList  .left  .member li  a.take-test,
#teamList  .right .member li  a.take-test,
#teamList  .left  .member li  a.delete,
#teamList  .right .member li  a.delete{
   display:block;
   background:url(images/trash_stroke_8x8.png) no-repeat 0px 3px;
   width:auto;
   height:auto;
   position:absolute;
   top:35px;
   left:105px;
   font:normal 11px Arial;
   padding-left:9px;
   color:#999999;
   }

#teamList  .left  .member li a.edit:hover,
#teamList  .right .member li a.edit:hover,
#teamList  .left  .member li a.take-test:hover,
#teamList  .right .member li a.take-test:hover,
#teamList  .left  .member li a.delete:hover,
#teamList  .right .member li a.delete:hover{ color:red;}

#teamList .left  .member li a.take-test,
#teamList .right .member li a.take-test{
   width:50px;
   left:0px;
   background:url(images/link_8x8.png) no-repeat 0px 3px;
   }
   
#teamList .left  .member li a.edit,
#teamList .right .member li a.edit{
   width:30px;
   left:65px;
   background:url(images/pen_8x8.png) no-repeat 0px 3px;
   }
   
/*Team scroll*/
.teamListScroll { width: 425px; clear: both;}
.teamListScroll .viewport { width: 412px; height:320px; overflow: hidden; position: relative; }

/* //END: team list */

/* Dashboard ->results */
#results{
   width:952px;
   font:normal 13px Arial;
   display:none;
   }
#resultDimensionTitle{ position:absolute;  display:block; width:610px; top:40px; left:150px; }
#resultDimensionTitle span.title{font:normal 16px Arial; display:block;}
#resultDimensionTitle span.description{font:normal 12px Arial; display:block; color: #848484;}
.paginate-container{ display:block; width:100%; overflow:hidden; margin-top:5px; margin-bottom:5px;}
.paginate-container i{ float:right; display:block; height:27px; line-height:27px; width:100px;}
.paginate {
	display: block;
	position: absolute;
	right: 0px;
	padding-right: 35px;
}
.paginate a{ 
   display:block;
   float:left;
   width:17px;
   height:26px;
   background:url(images/page-number.png) no-repeat;
   margin-right:5px;
   text-align:center;
   line-height:26px;
   color:#000;
   font-size:8px;
}
#inline-paginate{ float:right; width:600px; display:block; overflow:hidden;}
.paginate a.selected{ font-weight:bold; background-position:0px -26px; color:#FFF;}

#resultDimension   { height:447px; }
#pagelistQuestions { display:block; float:right; overflow:hidden; }
#pagelistDimensions{ display:block; float:right; overflow:hidden;}

#resultQuestionsList{}
#resultQuestionsList i{ font-style:normal;}
#resultQuestionsList li.questionBlock{ display:block; overflow:hidden;}
#resultQuestionsList li div{}
#resultQuestionsList li div.number{ display:block; position:absolute; left:10px; padding-top:22px; background:none; font-weight:bold; font-size:18px; }
#resultQuestionsList li .question{ float:left; width:294px; height:149px; background:url(images/question-bullet.png) no-repeat;}
#resultQuestionsList li div.question span{ display:block; font-size:12px; padding:0px 20px 0px 30px;}
#resultQuestionsList li div.question span.title{ font-weight:bold; font-size:15px; margin-top:25px;}


#resultQuestionsList li div.answers { position:relative; width:644px; float:right;  height:144px; background:url(images/answer-bullet.png) no-repeat;}
#resultQuestionsList li div.answers ul{}
#resultQuestionsList li div.answers ul li{
   display: block;
   width:320px;
   height:144px;
   overflow:hidden;
   float:left;
   background:url(images/answer-block-separator.png) no-repeat bottom left;
   }
#resultQuestionsList li div.answers ul li span{ display:block; margin-top:10px; padding:0px 0px 0px 20px; font-size:11px;}
/* Direct answer legend*/
#resultQuestionsList .legend{ display:block; height:40px; }
#resultQuestionsList .legend .legend-left{ float:left;  }
#resultQuestionsList .legend .legend-right{ float:right; }

/** Direct answer list 644px container */
.direct-answers    { position:relative; width:644px; height:447px; float:right; background:url(images/da-background.png) no-repeat; }
.direct-answers p  { position:relative; font:normal 12px Arial; text-align:justify; padding:10px 10px 10px 30px; }
.direct-answers p span.item{ position:absolute; left:5px; top:12px; display:block; width:17px; height:26px; background:url(images/line-bar.png) no-repeat; color:#FFF; text-align:center; line-height:26px;}

.direct-answers .da-listcollection{display:block; overflow:hidden;}
/*Left text style*/
.direct-answers .left    { display:block; width:310px; float:left;  margin-right:5px;}
.direct-answers .left p span.item{  background-position:0px -26px; font-style:normal;}
/*Right text style*/
.direct-answers .right    { display:block; width:310px; float:right; }
.direct-answers .right p span.item{background-position:0px 0px; font-style:normal;}

.directAnswerScrollContainer { width: 644px;}
.directAnswerScrollContainer .viewport { width: 632px; height: 380px; overflow: hidden; position: relative; }
.da-listcollection strong{ font-style:italic; padding-right:10px; font-weight:bold;}

.teambar{
   display:block;
   position:absolute;
   bottom:10px;
   margin-left:25px;
   overflow:hidden;
   width:280px;
   height:56px;
   background:url(images/team-representation.png) no-repeat;
   }
.teambar .blue-team { width:280px; display:block; height:28px; overflow:hidden; }
.teambar .green-team{ width:280px; display:block; height:28px; overflow:hidden; }

.teambar div.item{
   display:block;
   float:left;
   width:17px;
   height:26px;
   background:url(images/line-bar.png) no-repeat 0px -26px;
   margin-right:3px;
   margin-top:1px;
   line-height:26px;
   color:#FFF;
   text-align:center;
   }



.teambar div.item:hover .tooltip{ display:block;}
.teambar .tooltip{
   display:none;
   position:absolute;
   z-index:999;
   top:0px;
   left:inherit;
   margin-left:27px;
   width:153px;
   height:71px;
   background:url(images/user-tooltip.png) no-repeat;
   color:#000;
   text-align:center;
   text-transform:capitalize;
   line-height:50px;
}
.teambar div.green{ background-position:0px 0px;}
.teambar div.green .tooltip{ 
   top:5px;
   background-position:0px -71px;
}
.teambar div.blue{ background-position:0px -26px;}
.teambar div.blue .tooltip{
   top:0px;
   background-position:0px 0px;  
}

.team-line{ width:280px; height:26px; display:block; position:absolute; z-index:999; top:0px; left:0px; color:#FFF; line-height:26px; }
/*Blue*/
.team-line .left1  { display:block; width:2px; float:left; height:28px; background:url(images/line-bar.png) no-repeat 0px -26px;}
.team-line .middle1{ display:block; height:26px; float:left; background: url(images/line-bar-stripe.png) repeat-x 0px -26px; text-align:center;}
.team-line .right1 { display:block; width:2px;   float:left; height:26px; background:url(images/line-bar.png) no-repeat -15px -26px;}
/*GREEN*/
.team-line .left2  { display:block; width:2px; float:left; height:26px; background:url(images/line-bar.png) no-repeat 0px 0px;}
.team-line .middle2{ display:block; height:26px; float:left; background: url(images/line-bar-stripe.png) repeat-x 0px 0px; text-align:center;}
.team-line .right2 { display:block; width:2px;   float:left; height:26px; background:url(images/line-bar.png) no-repeat -15px 0px;}

/* Design for logged user display use in dashboard and survey result page */
.logged-user{
	position:absolute;
	top:15px;
	left:45px;
}

.logged-user .user{
	display:block;
	width:auto;
	height:24px;
	padding-left:24px;
	line-height:24px;
	text-decoration:none;
	font:normal 24px Arial;
	color:#000;
	background:url(images/user-icon.png) no-repeat;
}

.logged-user .help-text{
  display: block;
  width:700px;
  margin-left: 45px;
  font: normal 12px Calibri,Arial;
}

.welcome{ 
  display: block;
  height: 38px;
  font:normal 30px Calibri;
  line-height: 38px;
  padding-left: 45px;
  background: url(images/switch.png) no-repeat;
  color:#72C7E7;
}


.note {
	display: block;
	left: 50%;
	height: 38px;
	font: normal 30px Calibri;
	line-height: 38px;
	color: #72C7E7;
   text-align: center;
}

.note a {
	text-align: center;
	font-size:15px;
   color: #72C7E7;
}


/* END screen all result */
#networkErrorScreen{
   display:block;
   background:url(images/admin-landing-background.jpg);
}
#networkErrorScreen .txt{ position:absolute; top:275px; left:275px; font:normal 16px Arial;}
#networkErrorScreen .eventTxt{ position:absolute; top:500px; left:275px;font:normal 16px Arial; font-style:italic;}

#screenLogin{
	display:none;
}
#screenLogin p.txt{
   color:#FFF;
   position:absolute;
	top:50%;
	left:50%;
	width:450px;
	height:200px;
}

.login-form{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	width:450px;
	height:200px;
}

.login-form p{padding:10px;}
.login-form label{ color:#FFF; font:normal 14px Arial;}
.login-form input{ background:none; border:1px solid #4995B2; color:#FFF;}

/* Navigation */
#navigation{
   position:relative;
	display:none;
	padding-left:5px;
	}
#next,
#back{
	display:block;
	width:32px;
	height:40px;
	float:left;
	margin-right:15px;
	font-size:0px;
	cursor: pointer;
	display:block;
	position:absolute;
}
#next{ background:url(images/next-button.png) no-repeat; top:0px; left:42px;}
#back{ background:url(images/back-button.png) no-repeat; top:0px; left:10px;}




/* Generic scrollbar style use in Dashboard, Users */
.scrollbarContainer             { width: 972px; clear: both;}
.scrollbarContainer .viewport   { width: 952px; height: 400px; overflow: hidden; position: relative; }






#screenPrint{ display:none;}

/* Dimension, Question List */
#assessment{display:none;}
#assessmentBuilder{display:none;}
#assessmentBuilder h1{font-family:Arial; font-size:14px; padding-bottom:10px; font-weight:bold;}

#assessment        .d-list,
#assessmentBuilder .d-list{
   font:normal 12px Arial;
   }
#assessment        .d-list>li,
#assessmentBuilder .d-list>li{
   padding:0px 25px 15px 25px;
   font-weight:bold;
   background:url(images/checked.png) no-repeat 0px -350px;
   cursor:pointer;
   }
#assessment .d-list>li .title,  
#assessmentBuilder .d-list>li .title{
   display:block; padding:5px 0px 5px 0px;
   font-size:14px;
   }
#assessment .d-list>li .description,
#assessmentBuilder .d-list>li .description{
   font-weight:normal;
   font-size:14px;
   }
#assessment .d-list .q-container,
#assessmentBuilder .d-list .q-container{
   background:none;
   }
#assessment .q-list,
#assessmentBuilder .q-list{}
#assessment .q-list>li,
#assessmentBuilder .q-list>li{
   display:block;
   height:auto;
   line-height:19px;
   padding-left:25px;
   margin-bottom:5px;
   font-weight:normal;
   background:url(images/checked.png) no-repeat 0px -352px;
   cursor:pointer;
   font-size:14px;
   }
#assessment .q-list>li span, 
#assessmentBuilder .q-list>li span{
   display:block;
   }
#assessment .d-list .selected,
#assessment .q-list .selected,
#assessmentBuilder .d-list .selected,
#assessmentBuilder .q-list .selected{
   background-position: 0px 0px;
   }
#assessment .q-list>li:hover,
#assessmentBuilder .q-list>li:hover{
   color:#74C7E7;
   }
   
#assessment .q-list ol,
#assessmentBuilder .q-list ol{ display:block;}

#assessment .q-list ol li,
#assessmentBuilder .q-list ol li{ padding-left:10px;}
 
 
#assessment .d-list .q-container i{ color:red;}  

.dimensionListScroll { width: 960px; clear: both;}
.dimensionListScroll .viewport { width: 940px; height: 400px; overflow: hidden; position: relative; }



/** User management **/
#users{
   display:none;
   font:normal 13px Arial;
}
#userlist .team .member     { display:block; width:100%;}
#userlist .team .member li  { float:left; margin:15px;}
#userlist .team .member li a{ background-position:0px -54px; }


/** AlertBOx **/
.alert-box{
   position:absolute;
   display:block;
   width:400px;
   overflow:hidden;
   top:50%;
   left:50%;
   z-index:999;
   font:normal 14px Arial;
   color:#FFF;
   
   }
.alert-box .title{ position:relative; display:block; background:url(images/alert-screen.png) no-repeat; height:20px;}
.alert-box .title span{
   display:block;
   position:absolute;
   top:7px;
   left:7px;
   font:normal 10px Arial;
   color:#72C7E7;
}


.alert-box .body{
   display:block;
   height:auto;
   text-align:center;
   background:url(images/alert-screen.png) repeat-y right;
   }
.alert-box .footer{
   position:relative;
   text-align:center;
   background:url(images/alert-screen.png) no-repeat left bottom;
   height:25px;
   }
.alert-box .footer a{ color:#CCC; display:block;}

/* panel*/
.panel{
	  position:absolute;
	  z-index:1;
	  width:600px;
	  height:auto;
	  top:163px;
	  left:50%;
	  margin-left:-300px;
	  background:#FFF;
	  border: 1px solid #D0D0D0;
	  -moz-box-shadow: 0 0 8px #D0D0D0;
	  -webkit-box-shadow:0 0 8px #D0D0D0;
	  box-shadow: 0 0 8px #D0D0D0;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	  padding-top:2px;
   }
.panel .panel-header{
   position:relative;
   height:35px;
   font:normal 16px Arial;
   padding-left:20px;
   line-height:35px;
   background:#F5F5F5;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin:0px 2px 0px 2px;
   }
.panel .panel-header a{
   position:absolute;
   top:9px;
   right:9px;
   width:14px;
   height:14px;
   background:url(images/x_14x14.png) no-repeat;
   }
   
.panel .panel-content{}

fieldset           {}
fieldset form      { padding:30px;}
fieldset p         { display:block; margin-bottom:10px;}
fieldset p span    { font:normal 16px Arial; padding-left:120px;}
fieldset p i       { font:normal 11px Arial; padding-left:120px; display:block; margin-bottom:3px;}
fieldset label     { display:block; float:left; font:normal 14px Arial; width:120px; line-height:28px;}
fieldset input,
fieldset select,
fieldset textarea  { border:1px solid #CCC; padding:5px; }
fieldset textarea  {width:400px;}
fieldset p.b       { padding-left:120px;}
fieldset p.b button{ cursor:pointer; }

fieldset ul.info-user { display:block; overflow:hidden; font:normal 14px Arial; padding-bottom:20px;}
fieldset ul.info-user li { display:block; overflow:hidden; }
fieldset ul.info-user li label{ display:block; overflow:hidden; float:left; width:120px; line-height:28px;}
fieldset ul.info-user li span{ display:block; overflow:hidden; float:left; line-height:28px;}

/*A generic button bar style*/
.button-bar        { position:absolute; bottom:10px; display:block; height:23px; overflow:hidden;  font:normal 12px Arial; z-index:999; }
.button-bar .left  { display:block; width:3px; height:23px; background:url(images/button-bar.png) no-repeat 0px 0px; float:left; }
.button-bar .right { display:block; width:3px; height:23px; background:url(images/button-bar.png) no-repeat 0px -46px; float:left;}
.button-bar .middle{ display:block; width:auto; height:23px; background:url(images/button-bar.png) repeat-x 0px -23px; float:left; padding:0px 5px 0px 5px; border:none;}
.button-bar a      { color:#000; border-right:1px solid #A8A8A8; padding-right:5px; line-height:24px;}
.button-bar a.last { border-right:none; padding-right:0px;}
.button-button .input{padding:0px 5px 0px 0px; margin:0px; display:block; float:left;}
#theWord{ font-size:12px; border:1px solid #CCC; border-radius:2px; margin:0px; padding:0px;}


#upload-frame{ border:none; margin:0px; padding:0px; width:350px; overflow:hidden;}

.login_loading {
	display: none;
	position: absolute;
	top: 35%;
	left: 50%;
	margin-left: -60px;
	font: normal 12px Arial;
	color: #FFF;
	opacity:0.8;
}
._dashboard {
	font-weight: bold;
}