﻿/*
 * Civica TriAlchemy
 */

body
{
	margin: 0;
	padding: 0;
	background-color: #242221;
	font-family:Verdana;
	font-size: 10pt;
}

.tableContent
{
	width:100%;
	background-color:White;
}

.textCentred
{
    text-align:center;  
}

.tableCentredBody
{
    width:100%; 
    height:100%; 
}

.tableStandard
{
	border:0px;
    width:100%;
    text-align:left; 
}

.tableW100PC
{
	border:0px;
    width:100%;
}

.tableW100PCCenter
{
	border:0px;
    width:100%;
    text-align:center;
}


.tableW80PC
{
	cellspacing:0;
	cellpadding:0;
	border-collapse:collapse;
	border:0px;
    width:80%;
    text-align:left; 
}

.tableW15PCBorder1Px
{
	border: 1px solid #000000;
	border-color:Black;
    width:15%;
    text-align:left; 
}

.tableW5PCBorder1Px
{
	border: 1px solid #000000;
	border-color:Black;
    width:5%;
    text-align:left; 
}

.tableW80PCBorder1Px
{
	cellspacing:0;
	cellpadding:0;
	border-collapse:collapse;
	border: 1px solid #000000;
	border-color:Black;
    width:80%;
    text-align:left; 
}



.tableContentPlaceHolder
{
	border:0px;
    width:100%;
    text-align:left; 
    background-color:White;
}

.tableCivicaLogo
{
	border:0px;
    width:100%;
    height:100%;
    color:White;
}

.tableHeader
{
	width:100%;
	height:128px;
	background-image:url('images/header_bg.gif');
}

.tableNav
{
	border:0px;
	width:100%;
	height:35px; 
	text-align: right; 
	background-image: url('images/nav_bg.gif');
}

.tableLogin
{
	border:0px; 
	width:100%; 
	height:495px; 
	background-image: url('images/body_bg.bmp'); 
	background-repeat:repeat
}

.tableLoginInput
{
	border:0px;
	width:100%;
	text-align:center; 
	color:White;
}

.tableDemographicControl
{
	width:100%;
	border-bottom-style: dashed ;
	border-bottom-width: 1px; 
	border-bottom-color:#CCCCCC;
}
           
.tableQuestionControl
{
	width:100%;
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color:#CCCCCC;
}     

.tableFreeStyleControl
{
	width:100%;
	border-bottom-style: dashed; 
	border-bottom-width: 1px; 
	border-bottom-color:#CCCCCC;	
}      

.tableSurveyManagement
{
	width:100%;
	height:495px;
	background-color:White;
	vertical-align:top;
	
}

.tableSurveyReport
{
	width:100%; 
	vertical-align:top
}

.tableParticipantLogout
{
	width:100%;
	background-color:White;
	text-align:center; 
	font-size:14px; 
	height:495px;
}

.tableParticipantSessionExpired
{
	width:100%;
	background-color:White;
	text-align:center; 
	font-size:14px; 
	height:495px;
}

.tableTriALchemyUserLogout
{
	width:100%;
	background-color:White;
	text-align:center; 
	font-size:14px; 
	height:495px;
}

.tableTriALchemyUserSessionExpired
{
	width:100%;
	background-color:White;
	text-align:center; 
	font-size:14px; 
	height:495px;
}


.tdH128PXTOP
{
	height:128px;
	vertical-align:top;	
}

.tdW60PC
{
	width:60%;
}

.tdLeft
{
	text-align:left;
}

.tdRight
{
	text-align:right;
}

.tdCentered
{
	text-align:center;	
}

.tdTopCentered
{
	vertical-align:top;
	text-align:center;	
	height:inherit;
}


.tdH20PX
{
	height:20px;
}

.tdH80PX
{
	height:80px;
}

.tdH100PX
{
	height:100px;
}

.tdH150PX
{
	height:100px;
}

.tdH300PXVMiddle
{
	height:300px;
	vertical-align:middle;
}

.tdH600PX
{
	height:600px;
}


.tdW50PXVTop
{
	width:50px;
	vertical-align:top;
}

.tdW50PCLeft
{
	width:50%;
	text-align:left;
}

.tdW100PCVTop
{
	width:100%;
	vertical-align:top;
}

.tdW52PCH100PC
{
	width:52%;
	height:100%; 
}

.tdW80PXLeft
{
	width:80px;
	text-align:left;
}

.tdW7PCLeft
{
	width:7%;
	text-align:left;
}

.tdW10PCLeft
{
	width:10%;
	text-align:left;
}


.tdW15PCLeft
{
	width:15%;
	text-align:left;
}

.tdW15PCLeftSolidBottom
{
	border-style: none none solid none;
	border-width: 0px 0px 1px 0px;
	border-color: #FFFFFF #FFFFFF #000000 #FFFFFF;
	width: 15%;
	text-align: left;
}

.tdW15PCLeftDottedBottom
{
	border-style: none none dotted none;
	border-width: 0px 0px 1px 0px;
	border-color: #FFFFFF #FFFFFF #808080 #FFFFFF;
	width: 15%;
	text-align: left;
}

.tdW20PCLeft
{
	width:20%;
	text-align:left;
}

.tdW25PCLeft
{
	width:25%;
	text-align:left;
}

.tdW30PCLeft
{
	width:30%;
	text-align:left;
}

.tdW33PCLeftVTop
{
	text-align:left;
	width: 33%; 
	vertical-align:top;
}

.tdW34PCH10PXCenterVTop
{
	text-align:center;
	width: 34%; 
	height:10px;
	vertical-align:top;
}

.tdW30PCCenter
{
	width:30%;
	text-align:center;
}

.tdW40PCLeft
{
	width:40%;
	text-align:left;
}

.tdW65PCCenter
{
	width:65%;
	text-align:center;
}

.tdW70PCLeft
{
	width:70%;
	text-align:left;
}

.tdW50PCLeftSolidBottom
{
	width:50%;
	text-align:left;
	border-style: none none solid none;
	border-width: 0px 0px 1px 0px;
	border-color: #FFFFFF #FFFFFF #000000 #FFFFFF;
}

.tdW50PCLeftDottedBottom
{
	width: 50%;
	text-align: left;
	border-style: none none dotted none;
	border-width: 0px 0px 1px 0px;
	border-color: #FFFFFF #FFFFFF #808080 #FFFFFF;
}

.tdW5PCCenter
{
	width:5%;
	text-align:center;
}

.tdW5PCCenterSolidSidesAndBottom
{
	width: 5%;
	text-align: center;
	border-style: none solid solid solid;
	border-width: 0px 1px 1px 1px;
	border-color: #FFFFFF #000000 #000000 #000000;
}

.tdW5PCCenterSolidSidesAndDottedBottom
{
	width: 5%;
	text-align: center;
	border-style: none solid dotted solid;
	border-width: 0px 1px 1px 1px;
	border-color: #FFFFFF #000000 #808080 #000000;
}

.tdW2PC
{
	width:2%;	
}

.tdW3PC
{
	width:3%;	
}

.tdW5PC
{
	width:5%;	
}

.tdW15PC
{
	width:15%;
}

.tdW73PC
{
	width:73%;	
}

.tdW75PC
{
	width:75%;
}

.tdW95PC
{
	width:95%;	
}

.tdW63PC
{
	width:63%;	
}

.tdW20PC
{
	width:20%;	
}

.tdW25PC
{
	width:25%;	
}


.tdFontLarge
{
	font-size:large;
}

.tdLoginInput
{
	width:48%;
	background-position:right; 
	background-image: url('images/triangle_bg.bmp');
}

.tdCivicaLogo
{
	text-align:center; 
	width:100%; 
	font-size:10px;
	vertical-align:bottom;
}


.tdLeftGradientEdge
{
	border-style: solid;
	border-width: 0px;
	border-color: #FFFFFF #C0C0C0 #FFFFFF #FFFFFF;
	width:0%;
}

.tdCentredBody
{
    width:100%;
    height:100%;
}
.tdRightGradientEdge
{
	border-style: solid;
	border-width: 0px;
	border-color: #FFFFFF #FFFFFF #FFFFFF #C0C0C0;
	width:0%;
}

.divPostBackMask
{
    position: absolute;
    display: none;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha( Opacity=00, FinishOpacity=0, Style=0, StartX=0,  FinishX=100, StartY=0, FinishY=100);
    background-color:  #DFC9B1;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
}

.rowHighlighted
{
   border-top-color:#F0E0D0;
   border-left-color:#F0E0D0;
   border-right-color:#F0F0F0;
   border-bottom-color:#F0F0F0;
   -ms-filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFEDDAA',EndColorStr='#FFFFFF');
}

.tableBothBorder
{
	border-right-style: solid;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #8AD500;
	border-left-color: #8AD500;
}

.tableRightBorder
{
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #8AD500;
}

.tableBottomBorder
{
	width:100%;
	border-bottom-style: solid; 
	border-bottom-width: 2px; 
	border-bottom-color: #C0C0C0;
}

/* Special Dividers */
#divPostBackMask
{
    position: absolute;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Alpha( Opacity=00, FinishOpacity=0, Style=0, StartX=0,  FinishX=100, StartY=0, FinishY=100);
    background-color:Gray;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
}

/*Ajax Loading*/
.table_AjaxLoadingTemplate
{
	Width:100%;
	height:100%;
	cellpadding: 0;
	cellspacing: 0;
	margin: 0px;
	padding: 0px;
}

.td_AjaxLoadingTemplate
{     
	font-weight:bold; 
	font-size:18px;
	text-align:center;
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;                        
}


