@charset "UTF-8";

/*------------------------------------------------
* Filename: master.css
* Description: Handles the site layout.
*-------------------------------------------------*/

/*
[Color codes]

Blue (heading, a): #0398c3
Grey (Text) #59686e
Dark Grey (Text) #595959
*/

/*------------------------------------------
Global Reset
---------------------------------------------*/

*
{
   padding: 0;
   margin: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
   margin: 0;
   padding: 0;
   border: 0;
 /*  outline: 0; */
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}

/* ------------------------------------------
Global Styles
------------------------------------------ */

/* ----- AAA Rating Text Colouring -------- */

p
{
   color: #000000;
}

a:link
{
   color: #3344dd;
   text-decoration: underline;
}

a:visited
{
   color: #884488;
   text-decoration: underline;
}

a:hover, a:active, a:focus
{
   color: #bb1122;
}

/* ------------------------------------------ */

body
{
   margin: 0;
   padding: 0;
   line-height: 1;
   /* background: #f2f2f2; */
   background: #444;
   font: 80% Helvetica, Arial, sans-serif;
   text-align: left;
   color: #000000;
   /*color: #48585e;*/
   /* default text color - darkened slightly to meet accessibility contrast requirements  */
}

p
{
   line-height: 1.3em;
   margin: 0;
   padding-bottom: 10px;
   padding-right: 7px;
}

ul { list-style: none; }
strong { font-weight: bold; }


blockquote
{
   margin-left:3em;
}

table
{
   border-collapse: collapse;
   border-spacing: 0;
   color:#000000;
}

caption, th, td
{
   text-align: left;
   font-weight: normal;
}


/*

table
{
   border-collapse: collapse;
   border-spacing: 0;
   margin: 1em 0;
}

caption
{
   text-align: left;
   font-weight: normal;
}

tr.alt { background: #eee; }
tr:hover { background: #ddd; }

th
{
   text-align: left;
   font-weight: bold;
   vertical-align: top;
   padding: 8px 10px;
   border: 1px solid #27677d;
   background: #0F4C61;
   color: #fff;
   font-size: 105%;
}

td
{
   text-align: left;
   font-weight: normal;
   vertical-align: top;
   padding: 8px 10px;
   border: 1px solid #bbb;
}

*/

th p, td p
{
   margin: 0;
   padding: 0;
   line-height: 1.2;
}

blockquote:before, blockquote:after, q:before, q:after
{
   content: "";
}

blockquote, q
{
   quotes: "" "";
}

fieldset,img, abbr
{
   border: 0;
}

h1, h2, h3, h4, h5
{
   color: #333;
   font-weight: normal;
   margin: 0;

}

h1 a, h2 a, h3 a, h4 a, h5 a
{
   text-transform: none;
}

h1
{
   font-size: 130%;
   line-height: 18px;
   padding-bottom: 5px;
}

h2
{
   font-size: 140%;
   line-height: 15px;
   padding-bottom: 5px;
}
/*
h3
{
   font-size: 130%;
   line-height: 15px;
   padding: 0 0 .5em;
}

h4
{
   font-size: 110%;
   line-height: 15px;
   padding: 0 0 .4em;
}

h5
{
   font-size: 100%;
}
*/

/* Tobys Headings */

h3
{
   font-size: 1.4em;
   line-height: 100%;
   font-weight: normal;
   margin: 0;
   padding-bottom: 05px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 5px;
}

h4
{
   font-size: 1.3em;
   line-height: 100%;
   font-weight: normal;
   margin: 0;
   padding-bottom: 05px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
}

h5
{
   font-size: 1.2em;
   line-height: 100%;
   font-weight: normal;
   margin: 0;
   padding-bottom: 05px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
}

h6
{
   font-size: .9em;
   font-style: italic;
   line-height: 100%;
   font-weight: normal;
   margin: 0;
   padding-bottom: 05px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
}

p
{
   margin: 0 0 1em;
}

/* ------------------------------------------
Header
------------------------------------------ */

#skipnav a
{
   position: absolute;
   left: -1000px;
   z-index: 2;
   margin: 0;
   padding: 0;
}

#skipnav a:active, #skipnav a:focus, #skipnav a:hover
{
   display: inline;
   top: 5px;
   left: 5px;
   padding: 1px 5px 2px;
   color: #bb1122;
   background: #000;
}

.hidden_element
{
   position: absolute;
   left: -2000px;
   width: 1900px;
   padding: 0;
   margin: 0;
}

#header
{
   color: #333;
   width: 960px;
   padding: 0;
   height: 100px;
   margin: 0;
}

/* Header Content holds all hearder content (i.e. Crest logo, Search, Header Menu) inline with the Wrapper div */

#headerContent
{
   width: 960px;
   margin: 0 auto;
   background: url(/Style%20Library/cssimages/header_bg2.jpg) top repeat-x #000;
}

#headerMenu
{
   margin-top: -2px;
}

.printlogo
{
   display:none; /* hide <img> crest if not printing */
}

.mainPageHeading
{
   text-indent: -9000px;
}

/*.rsslinkicon
{
   background-image: url(/Style%20Library/cssimages/icon_rss.gif);
   background-repeat: no-repeat;
   width: 10px;
   height: 9px;
   display: inline-block;
   padding: 0px !important;
   padding-bottom: 3px !important;
   padding-right: 12px !important;
   margin-left: -6px !important;
}*/

.searchlink
{
   background-image: url(/Style%20Library/cssimages/icon_search.gif);
   background-repeat: no-repeat;
   width: 21px;
   height: 19px;
   display: inline-block;
   margin-top: 3px;
}

.advancedSearch
{
   text-align: right;
   margin: 0;
   padding: 5px 20px 0 0;
   font-size: 85%;
   color: #aaa;
}

/* ------------------------------------------
            Page Structure
------------------------------------------ */

#wrapper
{
   margin: 0 auto;
   width: 960px;
   height: 100%;
}

/* top div holds top navigation */
#top
{
   width: 100%;
   margin: 0 auto;
   text-align: left;
}

#faux
{
   background: #ffffff url(/Style%20Library/cssimages/right-panel-bg.jpg) repeat-y right;
   margin-bottom: 0;
   overflow: auto;
   /* Fix for IE */
   width: 100%;
}

#rightcolumn
{
   display: inline;
   margin: 0;
   padding: 0;
   width: 320px;
   float: right;
   clear: right;
   background:#404040 !important;  /* Can't find where this is called from */
}

#leftcolumn
{
   float: left;
   margin: 0;
   padding: 0;
   width: 640px;
   display: inline;
   position: relative;
}

/* default padding on "content" pages  */
.content, #RollUpPanel, .PlayerFile
{
   padding: 10px 10px 10px 15px;
}

.newsDate
{
   font-size:12px;
   font-weight:bold;
   display:block;
   margin-bottom:-10px;
}

/* ------------------------------------------
Breadcrumb
------------------------------------------ */

#breadcrumb
{
   padding: 5px 5px 10px 15px !important;
   color: #000000;
}

/* ------------------------------------------
Footer
------------------------------------------ */

#footerWrapper
{
   width: 100%;
   clear: both;
   margin: 0;
   height: 240px;

}

#footer
{
   width: 960px;
   margin: 0 auto;
}

#footer a
{
   color: #FFFFFF
}

#footer a:hover, #footer a:active
{
   color: #03a8d8;
}

.footerContent
{
   padding: 0;
   width: 960px;
   margin: 0;
   line-height: 17px;
}

.footerContentColumn1 .header, .footerContentColumn2 .header, .footerContentColumn3 .header
{
   margin: 0 0 2px 0;
   font-size: 110%;
   margin-left: -5px;
   color: #0398c3;
}

.footerContentColumn1 .copyright, .footerContentColumn2 .copyright, .footerContentColumn3 .copyright
{
   color: #ffffff;
}

.footerContentColumn1
{
   float: left;
   padding: 20px;
   width: 280px;
   margin: 0;
}

.footerContentColumn2
{
   float: left;
   padding: 20px;
   width: 280px;
   margin: 0;
}

.footerContentColumn3
{
   float: right;
   padding: 20px;
   width: 280px;
   margin: 0;
}

/* column 1 div holds main body content */
#column1
{
   float: left;
   width: 640px;
   background: #FFF;
   padding: 0;
   margin: 0;
   height: auto;
}

.section
{
   width: 280px;
   margin-bottom: 20px;
}

/* module class holds individual sections (i.e. Latest News) */
.module
{
   width: 100%;
   height: auto;
}

.left h3
{
   font-size: 117%;
   line-height: 18px;
}

.right h3
{
   font-size: 117%;
   line-height: 18px;
}

/* left class holds content in a left column within the main Column 1 div */
.left
{
   float: left;
   height: auto;
   padding: 18px;
   width: 280px;
   color: #000000;
}

.summary_left
{
   float: left;
   height: auto;
   padding: 5px;
   width: 80px;
}

.summary_right
{
   float: right;
   height: auto;
   padding: 5px;
   width: 170px;
   font-size: 110%;
}

/* right class holds content in a right highlighted column within the main Column 1 div */
.right
{
   float: right;
   height: auto;
   padding: 18px;
   width: 280px;
   color: #000000;
}

#headerBanner
{
   color: #333;
   padding: 0;
   width: 960px;
   margin: 0;
}

/* ------------------------------------------
banner div holds image Billboard as well as Banner navigation
------------------------------------------ */

#banner
{
   height: 324px;
   width: 638px;
   padding: 2px 0 0 2px;
}

.summary
{
   margin-left: 100px;
}

.summary2
{
   margin-left: 0;
}

#column_right
{
   width: 280px;
   margin: 0;
   padding: 20px;
   background-color:#404040; /* The colour behind the Initiatives */
}

/* ------------------------------------------
Headings
------------------------------------------ */

/* title class holds Module classes title bar images. */
.DDDDDDDELETEtitle
{
   height: 30px;
   margin: 0;
   padding: 0;
   background-color: #002841;
}

.sIFR-active .title
{
   height: 20px;
   margin: 0;
   padding: 8px 0 8px 0;
   background-color: #002841;
}

.sIFR-active .title h1
{
   float: left;
   width: 400px;
   padding: 0;
}

.title h5
{
   float: right;
   width: 100px;
   padding-top: 6px;
   font-size: 100%;
   font-weight: normal;
   color: #FFF;
}

div.module div.content h2
{
   padding: 0.5em 0 .5em 0;
}

div.module div.moduletitle div.content h2
{
   padding: 0;
}

.clear
{
   clear: both;
}

/* ------------------------------------------
         Text Styles
------------------------------------------ */

.summary2 ul
{
   list-style-type: none;
}

.summary2 ul li
{
   padding: 4px 0 10px 20px;
   font-size: 100%;
   line-height: 17px;
}

/* Title class holds Module classes title bar images. */
.title
{
   height: 38px;
   margin: 0;
   padding: 0;
}

/* ------------------------------------------
      content area list styling
------------------------------------------ */

.content ol
{
    list-style-type: decimal;
   margin-left: 20px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:10px;
    color: #000000;
}

.content ol ol
{
   list-style-type: lower-alpha;
   padding: 2px 10px 8px 8px;
   color: #000000;
}

.content ol ol ol
{
   list-style-type: decimal;
   padding: 2px 10px 8px 6px;
   color: #000000;
}

.content ul
{
   margin: 1em 0 1em 20px;
   padding-left: 0;
   list-style: none;
   line-height: 1.5;
   color: #000000;
}

.content ul ul
{
   margin: .5em 0 0 20px;
   color: #000000;
}

.content ul li
{
   padding: 0 0 .5em 20px;
   background: url(/Style%20Library/cssimages/bullet_img.jpg) no-repeat 0 4px;
   color: #000000;
}

.content ul ul li
{
   background: url(/Style%20Library/cssimages/bullet_img_2.jpg) no-repeat 0 4px;
   color: #000000;
}

/* ------------------------------------------
topMenu
------------------------------------------ */

#topMenuContainer
{
   height: 29px;
   margin: 0;
   padding: 0;
   width: 100%;
   border-bottom: #FFFFFF 1px solid;
   background: #0F4C61 url(/Style%20Library/cssimages/top_bg.jpg) center repeat-x;
}

#topMenu
{
   font-size: 100%;
   padding: 2px 10px 0 10px;
   clear: both;
   height: 29px;
   width: 960px;
   text-align: right;
   margin: 0 auto;
}

#topMenu ul
{
   float: right;
   padding: 0;
}

#topMenu ul li
{
   display: inline;
}

#topMenu ul li a
{
   float: left;
   padding: 0 10px;
   margin: 5px 0;
   border-right: dotted 1px #fff;
   color: #FFF;
}

#topMenu ul li a:hover, #topMenu a:hover
{
   color: #000000;
}

/* ---------------------------------------------
mainMenu
--------------------------------------------- */

#mainMenu
{
   float: left;
   padding: 0;
   padding-bottom: 5px;
}

#mainMenu ul
{
   padding: 0;
}

#mainMenu ul li
{
   display: inline;
}

#mainMenu ul li a
{
   color:#ffffff;
   padding: 0 10px;
   border-right: dotted 1px #595959;
}

#mainMenu a:hover, #mainMenu a:active
{
   color:#03a8d8; /* The Hover colour for the menu above the banner */
}

/* ---------------------------------------------
subMenu
--------------------------------------------- */

#subMenu
{
   float: right;
   padding: 0;
   padding-bottom: 5px;
}

#subMenu ul
{
   padding: 0;
}

#subMenu ul li
{
   display: inline;
   padding-left: 4px;
   border-right: dotted 1px #000000;
   margin-bottom: 1px;
}

#noright
{
	border-right: 0px !Important;
}

li#noright {
	background-image: url(/GlobalData/PublishingImages/rss_icon.png);
	background-repeat: no-repeat;
	background-position:right;
	padding-right: 15px;
	margin-right: 5px;
}

#subMenu img
{
	margin-bottom: -3px;
}

#subMenu ul li a
{
   color: #ffffff;
   padding: 0 0px;
   border-right: 0px;
}

#subMenu a:hover, #subMenu a:active
{
   color:#03a8d8;
}

/* ------------------------------------------
siteGuide
------------------------------------------ */

#siteGuide
{
   color: #333;
   padding: 0;
   width: 960px;
   margin: 0;
   line-height: 19px;
}

#siteGuideColumn1 a:hover,#siteGuideColumn2 a:hover,#siteGuideColumn3 a:hover
{
   /* stream specific css*/
}

#siteGuideColumn1 .header,#siteGuideColumn2 .header,#siteGuideColumn3 .header
{
   margin: 0 0 3px 0;
   font-size: 110%;
   margin-left: -5px;
}

#siteGuideColumn1 .copyright,#siteGuideColumn2 .copyright,#siteGuideColumn3 .copyright
{
   /* stream specific css*/
}

#siteGuideColumn1
{
   float: left;
   padding: 20px;
   padding-top: 10px;
   width: 280px;
   margin: 0;
}

#siteGuideColumn2
{
   float: left;
   padding: 20px;
   padding-top: 10px;
   width: 280px;
   margin: 0;
}

#siteGuideColumn3
{
   float: right;
   padding: 20px;
   padding-top: 10px;
   width: 280px;
   margin: 0;
}

#closeButton
{
   text-align: right;
   padding: 10px 10px 0 0;
   cursor: pointer;
}

/*--------------------------------
ipodMenu
----------------------------------*/

#ipodMenu
{
   float: right;
   height: 324px;
   width: 320px;
   padding: 0;
}

/*--------------------------------
Top Link in ipod styles
----------------------------------*/

.activelink_early-childhood
{
   background-color: #718d04 !important;
}

.activelink_schooling
{
   background-color: #8e7500 !important;
}

.activelink_higher-education
{
   background-color: #966503 !important;
}

.activelink_skills
{
   background-color: #5c3c1e !important;
}

.activelink_youth
{
   background-color: #940b17 !important;
}

.activelink_employment
{
   background-color: #5c1a3e !important;
}

.activelink_workplace-relations
{
   background-color: #4a2a42 !important;
}

.activelink_indigenous
{
   background-color: #993720 !important;
}

.activelink_international
{
   background-color: #511c8e !important;
}

.activelink_department
{
   background-color: #0d3e4f !important;
}

/*-----------------------------
IPod Navigation
-------------------------------*/

#ipodnavigation
{
   font: normal normal normal 100%/1.2 arial,sans-serif;
}

/* master column settings and internal resets
   we need float on everything so that the
   height-based internal collapsing works */

#ipodnavigation, #ipodnavigation *
{
   float: left;
   display: block;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#ipodnavigation
{
   float: left;
   width: 318px;
   padding: 0 1px;
   background: #3a3a38;
}

/* structural labels */
#ipodnavigation h2
{
   position: absolute;
   left: -10000px;
}

#ipodnavigation h3
{
   font-weight: normal;
   font-size: 1em;
}

/* top-level items */
#ipodnavigation ul.top-level li,
#ipodnavigation ul.top-level li a
{
   background: #282725;
   color: #fff;
}

#ipodnavigation ul li a
{
   width: 280px;
   padding: 8px 19px 8px 19px;
   border-top: 1px solid #3e474c;
   border-bottom: 1px solid #000;
   font-size: 1.5em;
   text-decoration: none;
}

/* default + area-specific top-level rollovers / highlights */
#ipodnavigation ul li a:hover, #ipodnavigation ul li a:focus, #ipodnavigation ul li a:active
{
   background: #08aad8;
   color: #fff;
}

/* menuData items */
#ipodnavigation ul.top-level li ul.menuData
{
   clear: both;
   border-left: 1px solid #1e1d19;
   border-right: 1px solid #1e1d19;
   display: block;
}

#ipodnavigation ul.top-level li ul.menuData li,
#ipodnavigation ul.top-level li ul.menuData li a
{
   background: #3a3a38;
   color: #fff;
}

#ipodnavigation ul.top-level li ul.menuData li a
{
   width: 278px;
   padding: 7px 19px 6px 19px;
   border-top: 1px solid #4f4e4c;
   border-bottom: 1px solid #242321;
   font-size: 1em;
}

/* menuData rollovers */
#ipodnavigation ul.top-level li ul.menuData li a:hover,
#ipodnavigation ul.top-level li ul.menuData li a:focus,
#ipodnavigation ul.top-level li ul.menuData li a:active
{
   border-top-color: #4f4e4c;
   background: #63625e;
   color: #fff;
}

/* menuData deep arrows for next and back links */
#ipodnavigation ul.top-level li ul.menuData li a { position: relative; }

#ipodnavigation ul.top-level li ul.menuData li a.back,
#ipodnavigation ul.top-level li ul.menuData li a.back:hover,
#ipodnavigation ul.top-level li ul.menuData li a.back:active
{
   border-top-color: #80979f;
   background: #70878f;
   color: #fff;
}

#ipodnavigation ul.top-level li ul.menuData li span.arrow
{
   display: block;
   position: absolute;
   top: 50%;
   background: none no-repeat 0 0;
}

#ipodnavigation ul.top-level li ul.menuData li a.next span.arrow
{
   right: 9px;
   margin-top: -4px;
   height: 9px;
   width: 7px;
   background-image: url(/Style%20Library/cssimages/ipodnavigation/right-pointing-arrow.gif);
}

#ipodnavigation ul.top-level li ul.menuData li a.next:hover span.arrow,
#ipodnavigation ul.top-level li ul.menuData li a.next:focus span.arrow,
#ipodnavigation ul.top-level li ul.menuData li a.next:active span.arrow { background-position: 0 -30px; }

#ipodnavigation ul.top-level li ul.menuData li a.back span.arrow
{
   left: 6px;
   margin-top: -2px;
   height: 7px;
   width: 9px;
   background-image: url(/Style%20Library/cssimages/ipodnavigation/up-pointing-arrow.gif);
}

/* display and positioning for menu show/hide effects */
#ipodnavigation ul.top-level li ul
{
   display: none;
}

#ipodnavigation
{
   overflow: hidden;
   position: relative;
   z-index: 1;
}

#ipodnavigation ul.top-level li
{
   position: relative;
}

#ipodnavigation ul.top-level li ul.menuData
{
   position: relative;
   left: 0;
}

#ipodnavigation ul.top-level li ul.menuData li ul
{
   position: absolute;
   top: 0;
   left: 320px;
}

/*----------------------
Misc
------------------------*/

#ctl00_authoringcontrols a
{
   text-decoration: none;
}

#ctl00_authoringcontrols a:hover
{
   text-decoration: underline;
}


H2.siteGuide
{
   padding-left: 20px;
   color: #fff;
}

.logo
{
   float: left;
   margin: 20px 0 25px 20px;
}

.floatSearch
{
   float: right;
   margin: 10px 0 0 0;
   padding: 10px;
}

.searchbox
{
   margin: 0;
   padding: 8px 10px 10px 10px;
   border: solid #404040 2px;
}

.advancedSearch
{
   text-align: right;
   margin: 0px 0 0px 0px;
   padding: 5px 20px 0px 0px;
   font-size: 0.85em;
   color: #ffffff;
}

.advancedSearch a
{
   color: #ffffff;
}

.advancedSearch a:hover, .advancedSearch a:active
{
   color: #03a8d8;
}

.searchbox img
{
   vertical-align: bottom;
   margin-left: 10px;
}

.searchbox input
{
   width: 120px;
   vertical-align: bottom;
   padding-right: 10px;
   height: 1.5em;
   font-size: 80%;
   /* this is for ie6/7 only */
}

input { }

.thumb
{
   float: left;
   margin: 0;
   border: solid 1px #cacaca;
   background: #FFF;
   padding: 2px;
}

.feature
{
   border: solid 1px #cacaca;
   background: #FFF;
   margin-bottom: 10px;
   padding: 2px;
}

img.floatRightClear
{
   float: right;
   clear: right;
   margin: 4px;
   border: solid 1px #cacaca;
   background: #FFF;
   margin-bottom: 10px;
   padding: 2px;
}

div.content p span a span
{
   text-transform: none!important;
   border: dotted 1px red;
}

.moduletitle
{
   margin: 0;
   padding: 0;
   background-color: #22211F;
   /*almost black*/
   /* streams and program will over write this color */
   height: 38px;
   line-height: 38px;
   padding-left: 13px;
}

.menu_title,
.video_title,
.initiative_title
{
   background-color: #22211F;
   height: 38px;
   line-height: 38px;
   padding-left: 13px;
}

.moduletitle h2,
.moduletitle h3
{
   font-size: 150%;
   float: left;
   vertical-align: middle;
   color: #FFF;
   line-height: 38px;
}

a.righttitle
{
   color:#ffffff;
   float: right;
   vertical-align: middle;
   font-size: 90%;
   font-weight: normal;
   line-height: 38px;
   padding-right: 10px;
}

a.righttitle:hover
{
   color:#03a8d8;
}

/* ------------------------------------------
Image Gallary Styles
------------------------------------------ */

.thumbnailviewer
{
   margin-top: 35px;
}

.thumbnailviewerImage
{
   display: inline;
   padding-bottom: 10px;
   padding-right: 15px;
}

.thumbnailviewerImage img
{
   height: 90px;
   width: 90px;
   padding: 2px 2px 2px 2px;
   border: 1px #ccc solid;
}

/* ------------------------------------------
PhotoGalleryViewer
------------------------------------------ */

.Imageviewerimage { }

.Imageviewerimage
{
   display: block;
   width: 60%;
   margin-left: auto;
   margin-right: auto;
   border: 1px #ccc solid;
   padding: 2px 2px 2px 2px;
}

.Imageviewerimage img
{
   display: block;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

/* ------------------------------------------
END Image Gallary Styles
------------------------------------------ */

/* ------------------------------------------
Styling for paging
------------------------------------------ */

.nav
{
   background: #eee;
   border-top: 1px solid #ccc;
   padding: 5px;
}

.nav a
{
   padding: 0 5px;
}

.nav a.highlight
{
   color: #000;
   font-weight: bold;
}

/* ------------------------------------------
END Styling for paging
------------------------------------------ */

/* ------------------------------------------
For Projects Sub sites
------------------------------------------ */

.project { background-color: #fff; }

.project-left
{
   float: left;
   display: block;
   padding: 20px;
   width: 300px;
}

.project-right-wrap
{
   display: block;
   padding: 20px;
   float: right;
   width: 260px;
}

.project-right
{
   float: left;
}


/*-------------------------------------------------------------
For Corporate.Sharepoint.WebControls.FlashPlayer Control
Add to master.css as required
---------------------------------------------------------------*/

/*------new wrap styles------*/


#videoHolder
{
   padding: 10px 10px 10px 0px;
}

#videoHolder #videoSupportingContentCaptions P,
#videoHolder #videoSupportingContentTranscripts P
{
   padding-top: 5px;
   padding-bottom: 5px;
}

#videoHolder .videoType
{
   width:150px;
}

#videoHolder #videoSupportingContentCaptions P,
#videoHolder #videoSupportingContentTranscripts P
{
   padding-top: 5px;
   padding-bottom: 5px;
}

#dynamicFlashPlayerEditArea
{
  margin-top:10px;
   width:590px;
}

#dynamicFlashPlayerEditArea .ms-caption
{
   width:160px;
   padding-left: 6px;
}

#dynamicFlashPlayerEditArea .bold
{
  font-weight: bold;
}

#dynamicFlashPlayerEditArea .ms-assethyperlinkdialog-longtextbox
{
   width:310px;
   padding:1px;
}

#dynamicFlashPlayerEditArea .dynTextboxLong
{
   width:312px;
}

#dynamicFlashPlayerEditArea .dynTextboxShort
{
   width:150px;
}

#dynamicFlashPlayerEditArea .subsection
{
  font-family: arial;
  font-size: 100%;
  background-color: #ebf3ff;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: #d8d8d8 1px solid;
  border-bottom: #d8d8d8 1px solid;
}

#dynamicFlashPlayerEditArea .lower
{
  height: 20px;
}

#dynamicFlashPlayerEditArea .bottom
{
  border-top:0px;height:7px;
}

#dynamicFlashPlayerEditArea .supporttext
{
  font-family: arial;
  font-size: 100%;
  padding-left: 6px;
  padding-right: 6px;
}

#dynamicFlashPlayerEditArea .helptext
{
  font-family: arial;
  font-size: 110%;
  color:#555;
}

#dynamicFlashPlayerEditArea .mandatory
{
  color:red;font-weight:bold;
}

#dynamicFlashPlayerEditArea .multi
{
  padding: 3px;
}




/*-------------------------------------------------------------
For Corporate.Sharepoint.WebControls - image and video rollup
---------------------------------------------------------------*/


img.imagerollupstyle
{
   width:280px;
   height:174px;
   border:0px;
   border-bottom:0px;
   border-left:0px;
   border-right:0px;
   border-top:0px;
}

img.videorollupstyle
{
   border-bottom:0px solid;
   border-left:0px solid;
   border-right:0px solid;
   border-right:0px solid;
   float:left;
   margin:0px;
   background:#fff;
   padding-bottom:0px;
   padding-right:0px;
   padding-top:0px;
   padding-left:0px;
}

.videorollupcontent
{
   margin-left: 83px;
   margin-top:3px;
}

.videocontentlink
{
   color: #ffffff;
   font-size: 85%;
   line-height:95%;
}

.videobackground
{
   padding-top:0px;
   padding-right:4px;
   height:auto;
   min-height:51px;
   margin:0;
   background-color: #000000;
   border-top:1px solid #444;
   border-bottom:1px solid #111;
}

.videocomment
{
   font-size: 9px;
   color:#ffffff;
}


/* This CSS needs to be added to the master or stream.css file in the site collection level */

/**************************/
/* WebEnquiry Form styles */
/**************************/

.IntroductoryTextLabel

{
   FLOAT: LEFT;
    WIDTH: 610px;
    /*WIDTH: auto;*/
    COLOR: BLACK;
    margin: 20px 0px 5px 20px;
    /*display:inline-block;*/
}

.MandatoryLabel
{
    FLOAT: LEFT;
    WIDTH: 610px;
    font-weight:bold;
    /*WIDTH: auto;*/
    margin: 10px 0px 20px 20px;
    /*display:inline-block;*/
}

.SecondIntroductoryTextLabel

{
    FLOAT: LEFT;
    WIDTH: 610px;
    /*WIDTH: auto;*/
    margin: 10px 0px 20px 20px;
    /*display:inline-block;*/
}

.ProjectQuestionsLabel
{
    FLOAT: left;
    CLEAR: left;
    WIDTH: auto ;
    PADDING: 10px 0px 2px 20px;
    /*display:inline-block;*/
    color: #0d3e4f;
    font-weight:bold;
}

.ProjectQuestionsRequiredLabel
{
    FLOAT: left;
    WIDTH: 10px;
    PADDING: 8px 0px 2px 1px;
    /*DISPLAY:inline-block;*/
    COLOR:red;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
}

.ProjectQuestionsInput
{
    clear: both;
    Background: #FFFFFF;
    WIDTH: 300px;
    PADDING: 3px 3px 3px 5px;
    /*MARGIN: -28px 0px 0px 200px*/
    /*MARGIN: 2px 0px 0px 200px;*/
    MARGIN-LEFT: 20px;
    BORDER-TOP: #bbbbbb 1px solid;
    BORDER-LEFT: #bbbbbb 1px solid;
    BORDER-BOTTOM: #bbbbbb 1px solid;
    BORDER-RIGHT: #bbbbbb 1px solid;
    /*display:inline-block*/
    /*vertical-align:middle;*/
}

html>/**/body .ProjectQuestionsInput  /*IE* and Firefox need this, but must be hidden for IE7*/
{
    FLOAT: left;
}

.Disclaimer
{
    FLOAT: left;
    WIDTH: 610px;
    PADDING: 8px 0px 1px 20px;
}

.VerifyLabel
{
    FLOAT: left;
    WIDTH: 610px;
    Margin: 18px 0px 10px 20px;
    font-weight:bold;
}

.formValidationSummary
{
   CLEAR: both;
   PADDING-TOP: 22px 0px 0px 20px;
}

.CaptchaControl
{
   FLOAT: left;
   WIDTH: 610px;
   MARGIN: 20px 0px 0px 20px;
   *MARGIN: 20px 0px 0px 0px;  /*IE7*/
}

.CaptchaImage
{
   float: left;
   margin-right: 10px;
}

.RefreshCaptcha  /*This is the refresh button control*/
{
   /*DISPLAY:block;*/
   BACKGROUND: url(/Style%20Library/cssimages/hip_reload.gif) no-repeat;
   WIDTH: 22px;
   HEIGHT: 22px;
   FLOAT: left;
   margin-right: 10px;
   color: black;
}

.CaptchaRefreshText
{
   FLOAT: left;
   CLEAR: right;
   font-size: 10px;
   padding-top: 10px;
   display: block;
   width: 175px;
   color: black;
   display: hidden;
}

.captchaLabel /*This is the text asking for verification code*/
{
   CLEAR: left;
   FLOAT: left;
   PADDING: 0xp 0px 0px 0px;
   MARGIN: 10px 0px 0px 0px;
   color: black;
}

.captchaInput
{
   CLEAR: left;
   FLOAT: left;
   MARGIN: 5px 0px 0px 0px;
}

.WebEnquiriesURL /*Hidden field*/
{

}

.emailButton
{
   CLEAR: both;
   margin-left: 20px;
   FLOAT: left;
}

.SpecifiedHTMLLook
{
   MARGIN: 20px 0px 0px 20px;
   CLEAR: both;
   WIDTH: 610;
   BORDER: white solid 1px;
}

#recaptcha_area
{
   padding-left: 20px;
   float: left;
}


/*End of WebEnquiry Form Styles


/* CSS for SP.Webcontrols.FontSizer for Deewr website and SI in master.css */

#subMenu ul li#fontsize
{
   color: #FFF;
}

#subMenu ul li#fontsize a
{
   padding-right:0px;
}

a.Smaller
{
   background: url(/Style%20Library/cssimages/font-size-small.gif) no-repeat center left;
   width:6px;
   text-indent:-9000px;
   display:inline-block;
}

a.Larger
{
   background: url(/Style%20Library/cssimages/font-size-large.gif) no-repeat center left;
   width:8px;
   text-indent:-9000px;
   display:inline-block;
}

a.Reset
{
   background: url(/Style%20Library/cssimages/font-size-reload.gif) no-repeat center left;
   width:4px;
   text-indent:-9000px;
   display:inline-block;
}

a.Smaller:hover, a.Smaller:active
{
   background: url(/Style%20Library/cssimages/font-size-small-hover.gif) no-repeat center left;
   width:6px;
   text-indent:-9000px;
   display:inline-block;
}

a.Larger:hover, a.Larger:active
{
   background: url(/Style%20Library/cssimages/font-size-large-hover.gif) no-repeat center left;
   width:8px;
   text-indent:-9000px;
   display:inline-block;
}

a.Reset:hover, a.Reset:active
{
   background: url(/Style%20Library/cssimages/font-size-reload-hover.gif) no-repeat center left;
   width:4px;
   text-indent:-9000px;
   display:inline-block;
}


/* END EmailForm styles */

/*  Added useful image floats */

.imgright
{
   float:right;
   padding:10px;
}

.imgleft
{
   float:left;
   padding:10px;
}

/* Toby's News Item Update */

.right .summary p
{
   height: auto;
   padding: 0px;
   width: 280px;
   margin-left: -100px;
   padding-top: 5px;
   padding-bottom: 15px;
}

.left .summary p
{
   height: auto;
   padding: 0px;
   width: 280px;
   margin-left: -100px;
   padding-top: 5px;
   padding-bottom: 15px;
}

/* Added simple black bordered table */

table.border
{
   border-width: 1px;
   border-style: none;
   border-color: black;
   border-collapse: collapse;
   background-color: white;
   padding: 5px;
}

table.border th
{
   border-width: 1px;
   padding: 2px;
   border-style: inset;
   border-color: black;
   background-color: white;
   padding: 5px;
}

table.border td
{
   border-width: 1px;
   padding: 2px;
   border-style: inset;
   border-color: black;
   background-color: white;
   padding: 5px;
}

/* ..    Default css styles for SP.WebControls.JQuery.Banner feature .. */
#jquerybanner_object .jquerybanner_bar {
   PADDING-RIGHT: 20px; FONT-SIZE: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 430px; WIDTH: 180px; COLOR: white; BOTTOM: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Verdana, Sans-Serif; LETTER-SPACING: -1px; POSITION: absolute; HEIGHT: 30px
}
#jquerybanner_object .jquerybanner_slide {
   FONT-WEIGHT: bold; FONT-SIZE: 18px; WIDTH: 640px; FONT-FAMILY: Arial, Verdana, Sans-Serif; LETTER-SPACING: -1px; HEIGHT: 265px; TEXT-ALIGN: left
}
#jquerybanner_object .jquerybanner_info {
   PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
#jquerybanner_object .jquerybanner_btn {
   FLOAT: right; MARGIN: 10px 5px 2px 2px; WIDTH: 15px; HEIGHT: 14px
}
#jquerybanner_infolink {
   COLOR: #ffffff; TEXT-DECORATION: none
}
.jquerybanner_slidelist {
   FLOAT: right
}
.jquerybanner_slidecontent .jquerybanner_slidecontent_byline {
   FONT-WEIGHT: normal; FONT-SIZE: 12px; LETTER-SPACING: 0px
}
A:link DIV.jquerybanner_slidecontent {
   TEXT-DECORATION: none
}
A:visited DIV.jquerybanner_slidecontent {
   TEXT-DECORATION: none
}
A:active DIV.jquerybanner_slidecontent {
   TEXT-DECORATION: none
}
A:hover DIV.jquerybanner_slidecontent {
   CURSOR: pointer; TEXT-DECORATION: underline
}
.jquerybanner_divslidenumberlist {
   HEIGHT: 30px
}
.jquerybanner_slidenumberlist {
   PADDING-TOP: 10px
}
#stop_play_button {
   PADDING-LEFT: 1px; PADDING-BOTTOM: 4px; PADDING-TOP: 2px
}
.jquerybanner_slidenumber {
   BORDER-RIGHT: #666 2px solid; PADDING-RIGHT: 3px; BORDER-TOP: #666 2px solid; PADDING-LEFT: 3px; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN-LEFT: 2px; BORDER-LEFT: #666 2px solid; WIDTH: 8px; COLOR: white; LINE-HEIGHT: 105%; MARGIN-RIGHT: 2px; PADDING-TOP: 3px; BORDER-BOTTOM: #666 2px solid; HEIGHT: 11px; BACKGROUND-COLOR: black; TEXT-ALIGN: center
}
.jquerybanner_slidenumber A.jquerybanner_list {
   PADDING-RIGHT: 3px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: #888; PADDING-TOP: 2px; TEXT-DECORATION: none
}
.jquerybanner_slidenumber A.jquerybanner_selectedlist {
   PADDING-RIGHT: 3px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: white; PADDING-TOP: 2px
}
.jquerybanner_list_li {
   BORDER-RIGHT: #666 2px solid; BORDER-TOP: #666 2px solid; BORDER-LEFT: #666 2px solid; BORDER-BOTTOM: #666 2px solid
}
.jquerybanner_selectedlist_li {
   BORDER-RIGHT: #004c7f 2px solid; BORDER-TOP: #004c7f 2px solid; BORDER-LEFT: #004c7f 2px solid; BORDER-BOTTOM: #004c7f 2px solid
}
.jquerybanner_slidenumber A:hover {
   COLOR: white
}
#jquerybanner_slideDuration {
   DISPLAY: none
}
#jquerybanner_stopstart {
   DISPLAY: none
}
li.jquerybanner_slidenumber{
 cursor:pointer;
}

/* .............. End  SP.WebControls.JQuery.Banner css .................. */

/* 
    Document   : cycleBanner for deewr
    Created on : Sep 3, 2010, 3:41:44 PM
    Author     : ar0287
    Description:
        New styles for the jQuery Cycle based banner.
*/

#cycleBanner {
    width: 638px;
    height: 265px;
        position: relative;
        overflow: hidden;
        border: 1px solid #000;
}

#cycleBanner.short {
    height: 160px;
}
#cycleBanner .slides {
    width: 638px;
    background-color: #00FF00;
}

#cycleBanner .slide {}


#cycleBanner #slides.flyup .slide div {
    background-image: url('/Style%20Library/cssimages/60percentBlack.png');
    height: 60px;
    width: 614px;
    padding: 12px 12px 0;
    position: absolute;
    display:block;
    left: 0;
    bottom: 0;
}

/* css defaults if JS is unavailable */
#cycleBanner #slides .slide div {
    display: none;
}


#cycleBanner .slide div a {
    display: block;
    font-size: 12px;
     color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
}

#cycleBanner .slide div a span{
    display: block;
    font-size: 18px;
    margin-bottom: 6px;

}

#cycleBanner .slide div a:hover {
    text-decoration: underline;
}




#cycleBanner .cycleBanner_bar {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1000;
    display: none;
}

#cycleBanner_nav {
    float: left;
}
#cycleBanner_nav a, #stopstart_btn {
    padding: 3px 6px;
    font-family: Arial, Verdana, Helvetica, sans;
    font-size: 8pt;
    margin: 0 3px;
    border: 1px #888888 solid;
    background-color: #eee;
    color: #333333;
    display: block;
    float: left;
}

#cycleBanner_nav a:hover, #cycleBanner_nav a.activeSlide, #stopstart_btn:hover {
    background-color: #000;
    color: #fff;
    border: 1px #fff solid;
}

#stopstart_btn {
    display:block;
    float: left;
    cursor: pointer;
    width: 18px;
    height: 20px;
    padding: 0;
    margin-top: 0px;
}
#stopstart_btn a {
    display: block;
    width: 8px;
    height: 8px;
    margin: 6px 5px;
    padding: 0;
    background-image: url('/Style%20Library/cssimages/stopstart_button.png');
    background-position: 0 8px;
    text-indent: -9999px;
}
#stopstart_btn:hover a {
    background-position: 8px 8px;
}
#stopstart_btn.stop:hover a {
        background-position: 8px 0px;
}
#stopstart_btn.stop a {
        background-position: 0px 0px;
}

#progressBar {
    /* used to position the span above the buttons */
    position: absolute;
    top: -8px;
    right: 3px;
    left: 3px;
   	height: 4px;
    padding: 0 0px 0 0px;
    margin-bottom: 2px;
}
	
#progressBar span {
    background-color: #00FF00;
    width: 0%;
    height: 4px;
    display: block;
}

.link {
	word-spacing:-4px;
}

ul.doclist a[href$='.pdf'], ul.doclist a[href$='.PDF']  {
            display: inline-block;
            margin-left: 3px;
            margin-right: 3px;
            padding-left: 15px;
            line-height: 18px;
            background: transparent url("/Schooling/Style%20Library/cssimages/pdf_icon.png") no-repeat;
            background-position: left top;
}

ul.doclist a[href$='.rtf'], ul.doclist a[href$='.RTF'], ul.doclist a[href$='.doc'], ul.doclist a[href$='.docx'], ul.doclist a[href$='.DOC'], ul.doclist a[href$='.DOCX'] {
            display: inline-block;
            margin-left: 3px;
            margin-right: 3px;
            padding-left: 18px;
            line-height: 18px;
            background: transparent url("/Schooling/Style%20Library/cssimages/rtf_icon.png") no-repeat;
            background-position: left top;
}

ul.doclist a[href$='.xls'], ul.doclist a[href$='.XLS'], ul.doclist a[href$='.csv'], ul.doclist a[href$='.CSV'], ul.doclist a[href$='.xlsx'], ul.doclist a[href$='.XLSX'] {
            display: inline-block;
            margin-left: 3px;
            margin-right: 3px;
            padding-left: 15px;
            line-height: 18px;
            background: transparent url("/Schooling/Style%20Library/cssimages/xls_icon.png") no-repeat;
            background-position: left top;
}

ul.doclist bdo li, ul.doclist li {
            padding: 0 0 .5em 20px;
            background: url("/Schooling/Style%20Library/cssimages/bullet_img.jpg") no-repeat 0 4px;
            color: #000000;;
}

ul.doclist
{
            margin: .5em 0 0 20px;
            color: #000000;
}

.upper {
	text-transform: uppercase;
}

.DocListSize {
width: 200px;
display: inline-block; 
vertical-align:top;
}

.DocListName {
width: 370px;
display: inline-block; 
}

h2 span.customTitle {
	color: #ffffff;
	position:absolute;
	height:36px;
	top: 170px;
	left: 20px;
	line-height:normal;
	}

.AnchorList {
	font-size: 1.2em;
	text-align: center !Important;
	display: block;
}

.DocItemSize {
width: 100px;
display: inline-block; 
vertical-align:top;
}

.DocItemName {
width: 360px;
display: inline-block; 
}

.PDFItemName {
width: 460px;
display: inline-block; 
}

.DocItemPipe {
display: inline-block; 
vertical-align:top;
padding-right: 5px;
}

.content ol li {
	margin-left: -5px;
	line-height: 1.5em;
	padding-bottom: 0.5em;
	padding-right: 0px;
	padding-top: 0px;
}

.content ol {
	margin: 1em 0px 1em 30px;
}

.content ol li ol {
	margin: 0 0 -5px 35px;
}

.content ol li ol li {
	list-style-type: lower-latin;
}