﻿/*☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺*
Site CSS: SOARS Website
CSS Version. 1.0 
Programmed By. Emmanuel John Y. Villar
☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺*/


/*☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺
																																						                                             Master Page Styles
☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺*/
body 
{
	background-image:url(pix/background_all_pages.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	background-attachment:fixed;
	/*background-color:#d9af59;*/ 
    background-color:white; 
	text-align:center;
	margin: 0px 0px 0px 0px;
	font-family:Calibri;
	font-size:12pt;
}

div{
	background-color:White;
	}

.snippetInstruction
{
	font-size:10pt;
	text-align:center;
	padding:5px;
	
	}

table#mainTable
{
	width:975px;	
	background-image: url(pix/background_master_content_page.png);
	/*border-style:solid;
	border-width: 3px;
	border-color:Black;*/
	margin-bottom:200px;
	}

td#header
{
	width: 942px;
	height:110px;
	text-align:center;
	}

td#content
{
	height:500px;
	}
	
td#footer
{
	
	}


div#topCoverLayer
{
	visibility:visible;
	width:100%;
	height:133px;
	position:fixed;
	top:0px;
	left:0px;
	background-image:url(pix/header_master_page.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	z-index:4;
	}
div#topCoverLayer2
{
	visibility:visible;
	width:100%;
	height:133px;
	position:fixed;
	top:0px;
	left:0px;
	background-image:url(pix/header_master_page2.png);
	background-color:transparent;
	background-position:center;
	
	z-index:3;
	}
div#bottomCoverLayer
{
	visibility:visible;
	width:100%;
	height:40px;
	position:fixed;
	bottom:0px;
	left:0px;
	background-image:url(pix/cover_master_page_bottom_smaller.png);
	background-color:transparent;
	z-index:4;
	}	


.tabDesign 
{
	background-image:url(pix/background_tab_design.gif);
	background-position:center;
	background-repeat:repeat-x;
	height:35px;
	text-align:center;
	font-size:16pt;
	color:Black;
}
.tabDesignLeft
{
	background-image:url(pix/background_tab_design_left.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
.tabDesignRight
{
	background-image:url(pix/background_tab_design_right.gif);
	background-position:left;
	background-repeat:no-repeat;
	}


.votingHeader
{
	font-size:16pt;
	color:Blue;
	}


/*◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘  User Controls Specific Styles*/	
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••Pannel Styles*/
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••Pannel Styles*/
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••Pannel Styles*/
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••Pannel Styles*/
table.panelStudentListReport,
table.panelVoterScreen,
table.panelTallySheet,
table.candidatePhotoUpload,
table.unvotedlist
{
	background-color:#e7f2a7;
	border-color:#b4be76;
	border-style:solid;
	border-width:5px;
	padding-left: 3px;
	padding-right: 3px;
	}

/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Panel padding style for all form user controls */
/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Panel padding style for all form user controls */
/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Panel padding style for all form user controls */
/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Panel padding style for all form user controls */
/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Panel padding style for all form user controls */


table.panelStudentListReport td,
table.panelVoterScreen td,
table.panelTallySheet td,
table.candidatePhotoUpload td,
table.unvotedlist td
{
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom:5px;
	text-align:left;
	vertical-align:top;
	
	}

td.userInstructionWarning
{
	padding:20px;
	height:70px;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url(pix/warningIcon.png);
	text-align:left;
}

/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Panel instruction style*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Panel instruction style*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Panel instruction style*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Panel instruction style*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Panel instruction style*/

table.panelStudentListReport td.userInstruction,
table.panelVoterScreen td.userInstruction,
table.panelTallySheet td.userInstruction,
table.candidatePhotoUpload td.userInstruction,
table.unvotedlist td.userInstruction
{
	padding:20px;
	height:70px;
	background-position:right bottom;
	background-repeat:no-repeat;
	background-image:url(pix/background_katipunera.png);
	text-align:left;
}






.floatingUserInstruction
{
	background-color:#e7f2a7;
	border-color:#b4be76;
	border-style:solid;
	border-width:1px;
	padding: 3px;	
	text-align:left;
	vertical-align:top;
	height:70px;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url(pix/background_katipunera_smaller.png);
	}






.floatingUserInstruction
{
	background-color:#e7f2a7;
	border-color:#b4be76;
	border-style:solid;
	border-width:1px;
	padding: 3px;	
	text-align:left;
	vertical-align:top;
	height:70px;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url(pix/background_katipunera_smaller.png);
	}






.floatingUserInstruction
{
	background-color:#e7f2a7;
	border-color:#b4be76;
	border-style:solid;
	border-width:1px;
	padding: 3px;	
	text-align:left;
	vertical-align:top;
	height:70px;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url(pix/background_katipunera_smaller.png);
	}

.embededUserInstruction
{
	background-color:#e7f2a7;
	border-color:#b4be76;
	border-style:solid;
	border-width:5px;
	padding-bottom:5px;
	text-align:left;
	vertical-align:top;
	
	padding:20px;
	height:70px;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url(pix/background_katipunera.png);
}

