@import url(typography.css);
@import url(positioning.css);
@import url(arrow.css);

/* GENERAL
/************************************************************************************/

body, div, dl, dt, dd, ul, li, ol, pre, form, fieldset, input, p, table, th, tr {
	margin:0;
	padding:0;
}

/* left out to validate!
html {overflow:-moz-scrollbars-vertical; }*/

body {
	font: 0.8em/1.5em "Trebuchet MS", Verdana, Arial, Tahoma;
	background-color:#fff;
	background:url(../img/header_bg.jpg) repeat-x top #fff;
	color:#333;
}

p {
	margin:0 0 1.5em 0;
	padding:0;
	color:#333;
}

p.footer_text {
	margin:0;
	padding:30px 0 0 0;
	color:#fff;
}

ul {
	line-height: 1.5em;
	list-style-type: square;
}

ul.normal { margin-bottom: 10px; }

ul.normal li {
	margin-left: 25px;
	list-style: square;
	color:#fff;
}

td { vertical-align:top; }

.normal p {
	padding-left: 10px;
	padding-top: 10px;
}

/* Normal Table - SMcC removed table from class to make sure it takes effect */ 
.normal table {
	margin:5px 10px 20px 10px;
	width: 95%;
	background-color: #FFF;
}

.normal table th {
	padding:5px;
	color:#333333;
	font:1.3em "Trebuchet MS", Verdana, Arial, Tahoma;
}

.normal table td {
	/*background: #fff;
	font-size:100%;
	color:#333333;
	/*padding:5px;*/
	font:1em "Trebuchet MS", Verdana, Arial, Tahoma;
}

.normal table td ul { margin-left: 17px; }

.normal table td p.nb {
	color:#CC0033;
	background:#FFD9FF;
	font:80%/130% Verdana, Arial, Helvetica, sans-serif;
}


/* HYPERLINKS {not including menu} */
/***********************************************************************************/
a img { border: none; }

a {
	font-weight: normal;
	text-decoration: underline;
	color: #fff;
}

a:link,
a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #fff;
	outline: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

#ctl00_cphMain_panAlsoIrish a {
	background-color: #F3B619;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#ctl00_cphMain_panAlsoEnglish a {
	background-color: #303030;
    color: #FFF;
    font-weight: bold;
    font-size: 1.2em;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#ctl00_cphMain_panAlsoIrish a:hover,
#ctl00_cphMain_panAlsoEnglish ahover { color: #000000; }

#translate {
	float: right;
	position: relative;
	top: 105px;
}

/* NAVIGATION */
/***********************************************************************************/
#nav { position:absolute; bottom:0; right:0; left:60px }

ul.menu {height:33px; text-align:center; list-style:none; padding:0; }

ul.menu li {list-style: none; float:left; text-indent:-9999px; margin-left:10px;}

ul.menu li a {height:33px; display:block; background-position: 0px 33px; outline: none;}

ul.menu a#primary {width:130px; background-image: url(../img/nav/primary.png);}

ul.menu a#post {width:160px; background-image: url(../img/nav/post_primary.png);}

ul.menu a:hover#primary,
ul.menu a:hover#post { background-position: 0px 66px; }

body#primary ul.menu a#primary,
body#post ul.menu a#post { background-position: 0px 0px; }

/* Buttons */
/***********************************************************************************/
.search_btn {
	width: 150px; 
	height: 30px; 
	background: url(../img/buttons/search_wrk.gif) no-repeat; border: 0px none; 
	padding:0;
	margin:1px 0px 10px 0px;
	vertical-align: top;
	cursor:pointer;
}

.search_btn:hover, .btn-opacity:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	/*background: url(../img/buttons/search_wrk_r.gif)no-repeat;*/
}

.task_btn {
	width: 150px; 
	height: 30px; 
	background: url(../img/buttons/search_task.gif) no-repeat; border: 0px none; 
	padding:0;
	margin:1px 0px 10px 0px;
	vertical-align: top;
	cursor:pointer;
}

.task_btn:hover { background: url(../img/buttons/search_task_r.gif)no-repeat; }

.return_btn {
	background: url(../img/buttons/search_wrk.gif) no-repeat; border: 0px none; 
	padding:0;
	margin:15px 0px 15px 0px;
	vertical-align: top;
	cursor:pointer;
	float:left;
}

.new_btn {
	background: url(../img/buttons/search_wrk.gif) no-repeat; border: 0px none; 
	padding:0;
	margin:15px 0px 15px 0px;
	vertical-align: top;
	cursor:pointer;
	float:right;
}

/****** SAMPLE SCHOOL PORTFOLIO ********/
table.portfolio_table {
	border: 1px solid #666;
	border-collapse: collapse;
	margin: 25px 10px;
}

table.portfolio_table thead {
	border: 1px solid #666;
	padding: 8px;
	background-color: #dedede;
}

table.portfolio_table td {
	border: 1px solid #666;
	padding: 8px;
}

/****** TASK ORDERING ********/
.task_ordering {
	padding: 15px 0;
	border-top: solid 1px #BFBFBF;
}

.task_ordering input[type=text],
.task_ordering-detail input[type=text] { width: 15%; }

.task_ordering input[type=text],
.task_ordering select,
.task_ordering-detail input[type=text],
.task_ordering-detail select { margin-right: 15px; }

.task_ordering h3,
.task_ordering-detail h3 {
	padding-bottom:5px; 
	font-size:1.2em;
	font: "Trebuchet MS", Verdana, Arial;
}

/* When the detail view is clicked */
.task_ordering-detail {
	padding: 15px;
	border: solid 1px #BFBFBF;
}

.basket { float:right; }

ul.basket_button li {
	list-style:none;
	list-style-type:none;
}

.basket_button li span.drop {
	color: #58C10C; 
	font-size: 1.5em; 
	margin: 10px 0;
	float:right;
	border:1px solid #fff;
	padding: 0px 0px 0px 10px;
	position:relative;
	z-index:2000;
	font-weight: bold;
}

.basket_button li:hover span.drop {
	background-color:#EEEEEE;
	border:1px solid #BFBFBF;
	border-bottom:1px solid #EEEEEE;
	margin: 10px 0;
	padding: 0px 0px 0px 10px;
}

.basket_button li span.drop img {
	padding-left:20px;
	position:relative;
	top:5px;
}

.feedback {
	clear:right;
	font-weight:bold;
	color: #6699FF; /*blue*/
	padding: 0 5px 0 0;
	font-size:1.1em;
	position:relative;
	z-index:1500;
}

.basket_button li .dropdown {
	margin:4px auto;
/*	margin:30px auto\9;*/
    *margin:30px auto;
/*	_margin:30px auto;*/
	float:right;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:40px 5px 10px 5px;
	border:1px solid #BFBFBF;
    /*border-top:1px solid #EEEEEE;*/
	background:#EEEEEE;
	z-index:1000;
}

.basket_button li .dropdown {width: 280px;}

.basket_button li:hover .dropdown { left:auto; right:0px; top:34px; }

.complete-order {
	float: right;
	margin-top: 10px;
}

.complete-order input {
	float: right;
	margin-top: 10px;
}

.complete-order .smalltext {
	margin-top:5px;
	font-size:0.9em;
	color:#aaa;
	float: right;
}

.basket table { margin: 0 auto; }













.complete-order-feedback {
	font-size: 1.5em;
	font-weight:bold;
	color: #62AF21; /*green*/
	margin: 20px 0;
}

.complete-order-controls {
	float:right;
	margin: 10px;
}
.complete-order-controls-print {
	float:right;
	margin: 20px 0;
}
.complete-order-controls #ctl00_cphMain_btnClearAll { margin-right: 20px; }

.validation {
	font-size: 1.2em;
	font-weight:bold;
	color: #ff4040; /*red*/	
}

.print {
	clear:both;
	float: right;
	margin-top: 20px;
}

.grid-color-key {
	width: 75%;
	clear:both;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: -20px; /* pull print button closer */
}

.grid-color-key .key-container {
	clear:both;
	margin-bottom:10px;
}

.grid-color-key .key-container .orange-rec {
	height:20px;
	width:20px;
	border:1px solid black;
	background-color:#FCEFD7;	
}

.grid-color-key .key-container .blue-rec {
	height:20px;
	width:20px;
	border:1px solid black;
	background-color:#D7EEFC;	
}

.grid-color-key .key-container .key-text {
	margin-left: 30px;
	margin-top: -20px;
}

.amend_order a {
	color: #62AF21;
	float:right;
	font-size: 1.2em;
	margin-right:10px;
}

.add-notes { margin-bottom: 20px; }

.add-notes h3 { margin-bottom: 10px; }

/*** School Contact Form ***/
.school_form label {
	width: 80%;
	float: left;
	text-align: right;
	margin: 0.5em;
	display: block;
	clear:both;
}

.school_form input { margin-left: 5px; width: 60%; height:1.5em; }

#ctl00_cphMain_cbMailingList { width: 5%; }

/*** Task Table ***/
.task-table {
	margin:0px;
	padding:0px;
	width:100%;
	border:1px solid #fcf9f9;	
}

.task-table table {
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

.task-table tr:nth-child(odd) { background-color:#e5e5e5; }

.task-table tr:nth-child(even) { background-color:#ffffff; }

.task-table td, .task-table th {
	vertical-align:middle;
	border:1px solid #fcf9f9;
	border-width:0px 1px 1px 0px;
	/*text-align:left;*/
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;	
}

.basket .task-table td, .task-table th {
	font-size: 10px;
	padding:5px;
}

.task-table tr:last-child td{ border-width:0px 1px 0px 0px; }

.task-table tr td:last-child { border-width:0px 0px 1px 0px; }

.task-table tr:last-child td:last-child { border-width:0px 0px 0px 0px; }

.task-table tr:first-child td,
.task-table th {
	background-color:#cccccc;
	border:0px solid #fcf9f9;
	text-align:left;
	border-width:0px 0px 1px 1px;
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}

.basket .task-table tr:first-child td,
.task-table th { font-size:12px; }

/********* Tooltip Hover ************/
#tooltip1 { position: relative;float:left;margin-right: 5px; margin-top:2px; }

#tooltip1 a span { display: none; color:  #7D888E; font-size:0.9em; }

#tooltip1 a:hover span {
	display: block; 
	position: absolute; 
	width: 200px;
	background: #F0F0F0;  
	left: 50px; top: -10px; 
	color:  #7D888E; 
	padding: 10px; 
	z-index: 1000;
	border: 1px solid #7D888E;
}


#ctl00_cphMain_panReportOrders a 
{
	color: #669933;
	font-weight:bold;
}
h4.normal 
{
	font-size:1.25em;
	text-align:center;
	margin: 10px 0;
}
.text-center, .text-center td, .text-center.task-table td 
{
	text-align:center;
}

/* CUSTOM STYLES ADDED FOR TABLES PASTED FROM MS WORD
/************************************************************************************/

.wordtable {
    margin:0; 
    line-height:1.2;
    /*border-collapse:collapse;*/
}

.wordtable p {
    margin:0 3px; 
    padding:0 4px;
}

.wordtable td {
    /*padding:0 !important;
    border:0 !important;
    border-right:0 !important;*/
}

.wordtable ul {
    margin-right:5px;
    margin-top:2px;
}

/* GRAYED OUT DISABLED LINKBUTTON
/************************************************************************************/
.disabledBtn {
    color:#ccc !important;
}