@charset "UTF-8";


img				{outline:none; border:none; behavior: url(/_core/iepngfix.htc);}


body 			{font-family: Arial, Helvetica, sans-serif; font-size:12px; background-image:url(/_assets/background_main.jpg); background-repeat:repeat; color:#585858;}
.pageWrapper 	{width:960px; margin:10px auto auto auto; padding:0px;}
.clear			{clear:both;}
a				{text-decoration: none;}
p a				{text-decoration:underline;}
img				{border:none; behavior: url(/_inc/iepngfix.htc);}
legend			{font-size:16px; color:#000099;}
fieldset		{width:920px; border:1px solid #cccccc; margin:0 0 20px 0;}
select			{width:75%; float:left; background-color:#cccccc; border:0px; height:21px; padding:3px; margin-bottom:5px;}

/*************************************************************************************************************************************************/
/* HEADER */
/*************************************************************************************************************************************************/
.header			{width:960px; height:100px; background-image:url(/_assets/background_header.jpg); background-repeat:no-repeat; margin-bottom:10px;}
.logoImage		{float:left; margin-top:10px; margin-left:10px;}
.headerNav		{float:right; width:200px; height:24px; margin:10px; text-align:right;}
.headerNav a 	   {color:#666666; display:block; float:right; margin:0px 0px 0px 10px; padding:0px 10px; height:22px; line-height:22px; border:1px solid #CCCCCC; text-decoration:none; background:url(/_assets/bgImages/headerBtnBg.jpg) #FFFFFF right no-repeat;}
.headerNav a:hover {color:#71216A; display:block; float:right; margin:0px 0px 0px 10px; padding:0px 10px; height:22px; line-height:22px; border:1px solid #CCCCCC; text-decoration:none; background:url(/_assets/bgImages/headerBtnBgHover.jpg) #FFFFFF right no-repeat;}
.headerNav br 	   {clear:both;}



.topNav			   			{width:810px; height:24px; float:right; margin:34px 10px 0 0 ;}
.topNav a 	    			{color:#ffffff; display:block; float:right; margin:0px 0px 0px 4px; padding:0 52px 0 5px; height:20px; line-height:22px; border:1px solid #CCCCCC; text-decoration:none; background:#000099;}
.topNav a:hover 			{color:#cccccc; display:block; float:right; margin:0px 0px 0px 4px; padding:0 52px 0 5px; height:20px; line-height:22px; border:1px solid #CCCCCC; text-decoration:none; background:#000099;}
.topNav br 	   				{clear:both;}

.topNav a#tasks    			{background:url(/_assets/button_tasksRightBg.jpg) no-repeat right #666666;}
.topNav a#surveys  			{background:url(/_assets/button_surveysRightBg.jpg) no-repeat right #666666;}
.topNav a#users  			{background:url(/_assets/button_usersRightBg.jpg) no-repeat right #666666;}
.topNav a#clients  			{background:url(/_assets/button_clientsRightBg.jpg) no-repeat right #666666;}
.topNav a#organisations    	{background:url(/_assets/button_organisationsRightBg.jpg) no-repeat right #666666;}
.topNav a#questionnaires   	{background:url(/_assets/button_questionnairesRightBg.jpg) no-repeat right #666666;}
.topNav a#emails	    	{background:url(/_assets/button_emailsRightBg.jpg) no-repeat right #666666;}


/*************************************************************************************************************************************************/
/* FOOTER */
/*************************************************************************************************************************************************/
.footer				{width:920px; padding:8px 10px 0px 10px; background-image:url(/_assets/background_titleBar.jpg); background-repeat:repeat-x; height:22px; color:#FFFFFF; font-size:12px; text-align:right; margin-top:10px;}


/*************************************************************************************************************************************************/
/* LOGIN */
/*************************************************************************************************************************************************/

.loginWrapper		{width:850px; background-image:url(/_assets/loginArrows.jpg); background-repeat:no-repeat; height:350px; margin-top:30px; margin-left:40px;}
.loginForm			{padding-left: 370px; width:332px; }
.loginForm h1		{font-weight:bold; font-size:12px;}
.loginForm p		{font-weight:normal; font-size:12px; margin-bottom:3px;}
.loginForm input	{background-color:#cccccc; border:0px; width:322px; height:15px; margin-bottom:10px; padding:5px;}





input {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:1px solid rgba(0,0,0, 0.8);
}

input:focus, textarea:focus {
    box-shadow: 0 0 5px rgba(0, 0, 153, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 153, 1); 
    -moz-box-shadow: 0 0 5px rgba(0, 0, 153, 1);
}


/*************************************************************************************************************************************************/
/* MAIN PANEL */
/*************************************************************************************************************************************************/
.mainPanel			{width:940px; padding:10px; background-color:#FFFFFF;}
.mainPanel a		{color:#585858;}
.mainPanel a:hover	{color:#454545;}
.titleBar			{width:920px; padding:5px 10px 0px 10px; background-image:url(/_assets/background_titleBar.jpg); background-repeat:repeat-x; height:25px; color:#FFFFFF; font-size:16px; margin-bottom:10px;}
.spacer_10px		{height:10px;}

/*************************************************************************************************************************************************/
/* CONTROL PANELS */
/*************************************************************************************************************************************************/

.wideCol		{width:624px; #width:600px; margin-right:10px; padding:0px; float:left;}
.narrowCol		{width:306px; #width:300px; float:left;}
.bigButton		{border:0px; margin-bottom:10px;}

/* tasks */
.panelTitle			{background-image:url(/_assets/background_panelTitle.jpg); background-repeat:no-repeat; height:19px; color:#FFFFFF; font-size:14px; padding:8px;}
.panelTitle	.title	{width:300px; float:left;}
.panelTitle img		{float:right; width:26px; margin-top:-3px; }

#taskList		{border:1px solid #cccccc; width:622px; #width:600px;}
#surveyList		{border:1px solid #cccccc; width:622px; #width:600px;}

.panelheadings	{background-color:#FFFFFF; font-weight:bold; color:#585858; font-size:12px; height:23px; padding-top:7px;}
.hpList			{color:#585858; font-size:12px;}
.wideCol .col1			{width:70px; float:left;}
.wideCol .col2			{width:184px; float:left;}
.wideCol .col3			{width:200px; float:left;}
.wideCol .col4			{width:158px; float:left;}

.row1			{background-color:#F7F7F7; color:#585858; font-size:12px; padding-left:10px; _height:23px; min-height:23px; padding-top:7px;}
.row2			{background-color:#FDFDFD; color:#585858; font-size:12px; padding-left:10px; _height:23px; min-height:23px; padding-top:7px;}

/*************************************************************************************************************************************************/
/* BUTTONS */
/*************************************************************************************************************************************************/
.surveyButtons		{width:100%; text-align:right; font-size:12px;}

.surveyButtons a 	   {color:#666666; display:block; float:right; margin:0px 0px 0px 10px; padding:0px 10px; height:22px; line-height:22px; border:1px solid #CCCCCC; text-decoration:none; background:url(/_assets/bgImages/headerBtnBg.jpg) #FFFFFF right no-repeat;}
.surveyButtons a:hover {color:#71216A; display:block; float:right; margin:0px 0px 0px 10px; padding:0px 10px; height:22px; line-height:22px; border:1px solid #CCCCCC; text-decoration:none; background:url(/_assets/bgImages/headerBtnBgHover.jpg) #FFFFFF right no-repeat;}
.surveyButtons br 	   {clear:both;}
/*************************************************************************************************************************************************/
/* LIST PAGES */
/*************************************************************************************************************************************************/

.fullWidthTitle {background-image:url(/_assets/background_fullWidthHeader.jpg); background-repeat:no-repeat; height:19px; color:#FFFFFF; font-size:14px; padding:8px;}

.table_list	{width:940px;}

/* some of these column width styles aren't used now because i changed it to the column_px style ones as theyre more flexible to use in all situations */
/* so if adding a new table, don't bother giving it a style and making new columns specifically for that style, just make the generic column width ones so they can be re-used */

.table_list .col1		{width:30px; padding-left:10px;}
.table_list .col2		{width:150px; }
.table_list .col3		{width:220px; }
.table_list .col4		{width:80px; }
.table_list .col5		{width:110px; }
.table_list .col6		{width:80px; text-align:center;}
.table_list .col7		{width:80px; text-align:center;}
.table_list .col8		{width:80px; text-align:center;}
.table_list .col9		{width:80px; }

.table_clientList			{width:940px;}
.table_clientList .col1		{width:200px; padding-left:10px; }
.table_clientList .col2		{width:600px; }
.table_clientList .col6		{width:70px; text-align:center;}

.table_tasks			{width:940px;}
.table_tasks .col1		{width:20px; padding-left:10px;}
.table_tasks .col2		{width:100px;}
.table_tasks .col3		{width:280px; padding:10px;}
.table_tasks .col4		{width:90px; text-align:center;}
.table_tasks .col5		{width:150px;}
.table_tasks .col6		{width:80px;}


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



.leftCol				{padding-left:10px;}
.column_50px			{width:50px;}
.column_60px			{width:60px;}
.column_80px			{width:80px;}
.column_100px			{width:100px;}
.column_150px			{width:150px;}
.column_180px			{width:180px;}
.column_200px			{width:200px;}
.column_250px			{width:250px;}
.column_300px			{width:300px;}
.column_350px			{width:350px;}



/*************************************************************************************************************************************************/
/* FORM PAGES */
/*************************************************************************************************************************************************/



img.whatsThis 		{float:left; font-size:10px; margin:0 0 0 20px; line-height:26px; color:#888888; cursor:help;}

.formArea			{width:920px; float:left;}
.formArea p			{margin-left:10px;}
.formRow			{width:100%; border-top:1px dotted #cccccc; padding-top:10px; padding-bottom:5px;}
.formRow label		{width:160px; float:left; margin-bottom:5px; margin-left:10px; padding:3px;}
.formRow input		{width:350px; float:left; background-color:#cccccc; border:0px; height:21px; padding:3px; margin-bottom:5px;}
.formRow .fileInput	{width:350px; float:left; background-color:#cccccc; border:0px; height:21px; padding:3px; margin-bottom:5px;}

.formRow select		{width:350px; /* #width:350px; */ float:left; background-color:#cccccc; border:0px; height:21px; padding:3px; margin-bottom:5px;}
.formRow textarea	{width:350px; /* #width:350px; */ float:left; background-color:#cccccc; border:0px; height:21px; padding:3px; margin-bottom:5px; height:60px;font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
.formRow br			{clear:both;}
.checkboxContainer	{float:left; width:350px;}
.formRow label.checkboxLabel	{width:150px; float:left; line-height:22px;}
.formRow input.checkbox			{width:15px; height:15px; float:left; background-color:#cccccc; border:0px; background-color:#cccccc; border:0;}
#submit	{width:auto; height:auto; background:url(/_assets/bgImages/headerBtnBg.jpg) #FFFFFF right no-repeat; border:1px solid #CCCCCC; cursor:pointer;}


.tooltip {display:none; background:transparent url(/_assets/white.png); background-repeat:no-repeat; font-size:12px; height:65px; width:165px; /*#height:95px; #width:195px;*/ padding:15px; color:#585858; margin-left:15px;}



textarea.emailText	{height:300px;float:left;}

.taskDescription	{width:344px; /* #width:350px; */ float:left; background-color:#cccccc; border:0px; height:21px; padding:3px; margin-bottom:5px; height:60px;font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}

/*************************************************************************************************************************************************/
/* VALIDATION */
/*************************************************************************************************************************************************/

input.error, select.error 	{border:1px solid #FF0000;}
label.error 				{width:0px; margin-top:0px; display:none; padding:0px; margin:0px;}
#errors						{color:#FF0000; font-size:14px; font-weight:bold; margin-left:10px;}


/*************************************************************************************************************************************************/
/* SURVEY NAVIGATION */
/*************************************************************************************************************************************************/


.survey_nav 				{width:940px; height:25px; font-size:11px;}
.survey_nav_item 			{color:#FFFFFF; width:auto; padding:5px; padding-right:7px; padding-top:8px; height:15px; background-color:#CCCCCC; float:left; margin-right:3px;}
.survey_nav_item a			{color:#FFFFFF;}
.survey_nav_item.active 	{background-color:#666666;}

.largeInput					{width:70%; height:300px; }