.ADMINBODY {
	font:12px/130% Arial,Helvetica,Lucida,sans-serif;
}

.ADMINBODY P, .ADMINBODY LI {
	font:12px/130% Arial,Helvetica,Lucida,sans-serif;
}

.ADMINBODY A {
	color:#333333; text-decoration:none;
}
.ADMINBODY A:hover {
	text-decoration:none;
}

.ADMINBODY .heading {
	font-size:12px; font-weight:bold; text-align:right; color:#8e8e8e;
}

.ADMINBODY .label {
	font-weight:bold;
}

.ADMINBODY select {
	background:#f0f0f0; border:solid 1px #8e8e8e;
}

.ADMINBODY input, .ADMINBODY textarea, .ADMINBODY select[size] {
	background:#f0f0f0; border:solid 1px #8e8e8e; padding:2px;
}

.ADMINBODY input:focus, .ADMINBODY textarea:focus {
	background:#ccddff;
}

.ADMINBODY input[type=submit], .ADMINBODY input[type=button] {
	color:#121212; background:#aab5bd; padding:2px 15px;
	border-style:solid; border-width:1px; border-color:#454545 #121212 #121212 #454545;
}

.ADMINBODY input[type=submit]:hover, .ADMINBODY input[type=button]:hover {
	color:#e0e0e0; background:#113232; padding:2px 15px;
}

.ADMINBODY .buttonAlign {
	text-align:center;
}

.ADMINBODY .title, .ADMINBODY H1, .ADMINBODY H2, .ADMINBODY H3, .ADMINBODY H4 { color:#32546d; }
.ADMINBODY H1 { font-size:22px; line-height:120%; }
.ADMINBODY .title, .ADMINBODY H2 { font-size:19px; }
.ADMINBODY H3 { font-size:16px; }
.ADMINBODY H4 { font-size:12px; }
	
.ADMINBODY .tabBody {
	position:absolute; left:0px; top:0px; width:100%;
	background:#ffffff; border:1px solid #585858;
}

.ADMINNAV .logOut { font:15px/18px Arial,Helvetica,Lucida,sans-serif; color:#cfd1d0; }
.ADMINNAV .logOut:hover { color:#ffffff; text-decoration:none; }

.ADMINNAV P { font:11px/130% Arial,Helvetica,Lucida,sans-serif; color:#cfd1d0; font-weight:bold; }
.ADMINNAV P A { color:#cfd1d0; text-decoration:none; }
.ADMINNAV P A:hover { color:white; text-decoration:none; }

.admlink { font:12px Arial,Helvetica,Lucida,sans-serif; color:#ffffff; }
A.admlink { color:#cccccc; }
A.admlink:hover { color:#ffffff; text-decoration:none; }

.ADMINBODY .list {
	font:11px Arial,Helvetica,Lucida,sans-serif; text-decoration:none; color:#000000
}

.ADMINBODY .list .head {
	font-weight:bold; color:white;
}

.ADMINBODY .list A:hover { color:#003c6c; }

.ADMINBODY .list .def, .ADMINBODY .list A.def:hover { color:#999999; }
.ADMINBODY .list .c, .ADMINBODY .list A.c:hover { color:#326d4f; }
.ADMINBODY .list .a, .ADMINBODY .list A.a:hover { color:#32546d; }
.ADMINBODY .list .t, .ADMINBODY .list A.t:hover { color:#48326d; }
.ADMINBODY .list .p, .ADMINBODY .list A.p:hover { color:#6d4d32; }
.ADMINBODY .list .r, .ADMINBODY .list A.r:hover { color:#6d3238; }
.ADMINBODY .list .noAccess { color:#aaaaaa; }

#ADMINPANEL A { color:white; text-decoration:none; }
#ADMINPANEL A:hover { color:#bbbbbb; text-decoration:none; }

div#HELP { position:relative; top: 0px; left:200px; width:460px; padding:5px 5px 35px; }
div#HELP p, div#HELP h1, div#HELP h2, div#HELP h3, div#HELP h4, div#HELP h5, div#HELP h6, div#HELP td, div#HELP li { font-family:Arial,Helvetica,Lucida,sans-serif; color:#32546d; }
div#HELP p, div#HELP td, div#HELP li { color:#333333; font-size:14px; }

.helpOnClose {
	display:block; position:fixed; padding:3px 6px; bottom:10px; left:45px; width:60px;
	color:#32546d; border:solid 2px #32546d; background:#f8f8f8; text-decoration:none;
	text-align:center;
}
A.helpOnClose:hover { color:#ffffff; background:#32546d; text-decoration:none; }

div#HELPMENU { position:fixed; top: 40px; left:10px; width:180px; }
div#HELPMENU a { color:#32546d; text-decoration:none; }
div#HELPMENU a:hover { color:#000000; text-decoration:none; }


#TABS {
	width:100%; text-align:right;
	padding:0px; border-right:solid 1px white;
	background: white;
}
#TABS A {
	position:relative; top:1px;
	color:#121212; font:10px Arial,Helvetica,sans-serif; text-transform:uppercase;
	line-height:21px; padding:3px 15px;
	background:#d1d2d4 url(https://members.ucbstores.com.au/images/tab_corner.png) right top no-repeat;
	margin-left:-2px;
	border-left:solid 1px #585858; border-bottom:solid 1px #585858;
}

#TABS .used { background-color:#aab5bd; }

#TABS A:hover {
	color:white; background-color:#003c6c;
}

.CONTENT_LIST .info {
	position:absolute; top:0px; left:55px; background:pink;
}

.CONTENT_LIST .toggle { position:absolute; top:4px; left:-50px; width:10px; height:10; border:none; }
.CONTENT_LIST .order { position:absolute; top:4px; left:-35px; width:30px; }
.CONTENT_LIST .delete { position:absolute; top:4px; right:-13px; width:11px; height:11; border:none; }
.CONTENT_LIST .switch { position:absolute; top:4px; right:-26px; width:11px; height:11; border:none; }
.CONTENT_LIST .status { position:absolute; top:3px; right:-86px; width:55px; }




body { font:10px Arial,Helvetica,Lucida,sans-serif; color:#000000; }

#SITEBY { font:10px/200% Arial,Helvetica,Lucida,sans-serif; color:#ffffff; text-decoration:none; padding-top:3px; }
#SITEBY A { font-weight:bold; color:#ffffff; }
#SITEBY A:hover { text-decoration:none; color:#002d66; }

#MAIN_PAGE { font:9px Arial,Helvetica,Lucida,sans-serif; }
#NEED_PERMS { font:10px Arial,Helvetica,Lucida,sans-serif; }

#SEARCH { padding:5px 0px 30px; text-transform:uppercase; }
#SEARCH .element { position:relative; margin:15px 0px 0px 0px; width:180px; }
#SEARCH .title { position:absolute; top:-11px; left:2px; width:160px; }
#SEARCH .submit { position:absolute; bottom:-25px; left:-1px; width:20px; }
#SEARCH .search { width:150px; }

#NEED_PERMS { margin:10px; padding:10px 30px; border:solid 1px #002d66; text-transform:uppercase; }
#NEED_PERMS .element { position:relative; margin:10px 0px 0px 130px; }
#NEED_PERMS .title { font-size:12px; position:absolute; top:-1px; left:-135px; width:100px; text-align:right; }
#NEED_PERMS .submit { position:relative; top:-1px; left:0px; }
#NEED_PERMS .user { width:150px; }
#NEED_PERMS .pass { width:124px; }
#NEED_PERMS .submit input {
	font:9px Arial,Helvetica,Lucida,sans-serif;
	border:1px solid #002d66;
	margin:1px 0px;
	padding:1px 0px;
}

#MAIN_PAGE { padding:5px 0px 0px; text-transform:uppercase; }
#MAIN_PAGE .message { padding:3px; width:128px; }
#MAIN_PAGE .element { position:relative; margin:15px 0px 0px 0px; width:128px; }
#MAIN_PAGE .title { position:absolute; top:-11px; left:2px; width:128px; }
#MAIN_PAGE .submit { position:absolute; top:1px; left:108px; width:20px; }
#MAIN_PAGE .exit { position:relative; top:5px; display:block; }
#MAIN_PAGE .user { width:128px; }
#MAIN_PAGE .pass { width:103px; }
#MAIN_PAGE .exit input, #MAIN_PAGE .submit input {
	font:9px Arial,Helvetica,Lucida,sans-serif;
	border:1px solid #002d66;
	margin:1px 0px;
	padding:2px 0px 1px;
}


.element {
	font:9px Arial,Helvetica,Lucida,sans-serif; color:#002d66;
}
.element A:hover { color:#002d66; text-decoration:none; }
.element input {
	color:#002d66;
	background:#ffffff;
	border:1px solid #002d66;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin:1px 2px 1px 0px;
	padding:3px;
}
.element input[type=submit] {
	font-weight:normal;
	color:#002d66;
	background:#cccccc;
	border:1px solid #002d66;
	margin:1px 0px;
	padding:2px 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.element input[type=submit]:hover { color:#cccccc; background:#002d66; border:1px solid #eeeeee; }





#BRANCH { font:12px Arial,Helvetica,Lucida,sans-serif; color:white; text-transform:uppercase; } 
#BRANCH A { font-size:12px; text-decoration:none; color:#cccccc;  }
#BRANCH A:hover { text-decoration:none; color:white; }

.PULL1 {
	font:bold 18px/22px Utopia,Times New Roman,Serif;
	color:#ffffff; margin:10px; padding:15px; text-align:right;
	width:150px; float:left; background:#002d66;
}

.PULL2 {
	font:bold 18px/22px Utopia,Times New Roman,Serif;
	color:#ffffff; margin:10px; padding:15px; text-align:right;
	width:150px; float:right; background:#002d66;
}

.TABLE { font:12px Arial,Helvetica,Lucida,sans-serif; color:#000000; width:340px; }
.TABLE .head { color:#002d66; font-weight:bold; text-align:right; }
.TABLE .major {
	color:#026a52; font-weight:bold; font-size:15px;
}
.TABLE A { color:#002d66; }

.TABLE2 { font:12px Arial,Helvetica,Lucida,sans-serif; color:#000000; }
.TABLE2 .head { text-align:right; font-weight:bold; }
.TABLE2 .title { color:black; font-weight:bold; font-size:15px; }

.TABLE3 { font:12px Arial,Helvetica,Lucida,sans-serif; color:#333333; width:500px; border:solid 1px #666666; }
.TABLE3 TD { padding:5px 10px; }
.TABLE3 .banner { background:#666666; }
.TABLE3 .banner TD { color:white; font-weight:bold; }
.TABLE3 .bg0 { background:white; }
.TABLE3 .bg1 { background:#e8e8e8; }
.TABLE3 A { color:#af0013; }
.TABLE3 A:hover { color:#f0ba12; }

.TABLE TR:nth-of-type(2n - 1) { background: #eeeeee; }

.EXTRAS {
	float:right; width:124px; padding:10px 20px 50px 10px;
	background:#cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:0px 0px 0px 5px;
	font:11px/150% Arial,Helvetica,Lucida,sans-serif; text-decoration:none;
}
.EXTRAS A:hover { color:black; }

.RESULTS A { font-size:11px; } 
.RESULTS .heading { color:#002d66; font-weight:bold; }
.RESULTS .count { font-size:10px; text-align:center; font-weight:bold; }

.more { font:9px Arial,Helvetica,Lucida,sans-serif; color:#002d66; font-weight:bold; text-decoration:none; }
.more:hover { color:#999999; text-decoration:underline; }







.popDesc {
	font:12px Arial,Helvetica,Lucida,sans-serif; color:#000000;
	background-color:#ffffff; border-color:#ffffff;  border-style:solid;
}
.popText, .popTitle, .popIndex, .popCurrent { font:10px Arial,Helvetica,Lucida,sans-serif; color:#000000; }
A.popText:hover { color:#666666; text-decoration:none; }
.popTitle { font-weight:bold; font-size:14px; color:#002d66; }
.popIndex { color:#002d66; font-weight:bold; }
.popCurrent { color:#666666; font-weight:bold; }


A { color:#002d66; text-decoration:underline; }
A:hover { color:#666666; text-decoration:none; }



.SUPPLIER { font:12px Arial,Helvetica,Lucida,sans-serif; color:black; }
.SUPPLIER .head { font-weight:bold; }

.PBOOKTOP {
	position:relative; height:50px;
	font:12px Arial,Helvetica,Lucida,sans-serif; color:white;
	background:#343434 url(https://members.ucbstores.com.au/images/ucb_pb_banner.png) top left no-repeat;
}
.PBOOKTOP .date { position:absolute; left:470px; top:10px; }
.PBOOKTOP .supplier { position:absolute; left:10px; top:33px; color:white; }
.PBOOKTOP .zone { position:absolute; left:10px; top:50px; color:white; }
.PBOOKTOP .pdf { position:absolute; right:200px; top:30px; color:white; text-align:left; width:150px; }
.PBOOKTOP .csv { position:absolute; right:25px; top:30px; color:white; text-align:left; width:150px; }
.PBOOKTOP A { color:white; text-decoration:underline; }
.PBOOKTOP span { font-weight:bold; }

.PBOOK {
	font:10px Arial,Helvetica,Lucida,sans-serif;
	line-height:120%;
	color:black;
	border-right:solid 1px black;
	border-radius:0px 0px 5px 0px;
//	border:solid 1px #343434;
}

.PBOOK TD { padding:4px 5px 2px; }

.PBOOK .bg3 { background:#eeeeee; }
.PBOOK .bg4 { background:#cccccc; }
.PBOOK .bg5 { background:#999999; }
.PBOOK .bg5 TD { padding-top:0px; padding-bottom:0px; }


.pbHead {
        font-family: Arial, Helvetica, Lucida, sans-serif; color: #000000;
        font-size: 12px; font-weight: bold; text-decoration: none;
}
.pbText {
        font-family: Arial, Helvetica, Lucida, sans-serif; color: #000000;
        font-size: 10px; font-weight: normal; text-decoration: none;
}
.pbDate {
        font-family: Arial, Helvetica, Lucida, sans-serif; color: #000000;
        font-size: 12px; font-weight: bold; text-decoration: none; text-align: right;
}
.pbTextBold {
        font-family: Arial, Helvetica, Lucida, sans-serif; color: #000000;
        font-size: 10px; font-weight: bold; text-decoration: none;
}

.pbSelHead {
        font-family: Arial, Helvetica, Lucida, sans-serif; color: #000000;
        font-size: 12px; font-weight: bold; text-decoration: none;
}
.pbSelSupplier {
        font-family: Arial, Helvetica, Lucida, sans-serif; color: #002d66;
        font-size: 12px; font-weight: bold; text-decoration: none;
}
.pbSelZones {
        font-family: Arial, Helvetica, Lucida, sans-serif; color: #000000;
        font-size: 12px; font-weight: normal; text-decoration: none;
}
.pbSelZones:hover {
        font-family: Arial, Helvetica, Lucida, sans-serif; color: #000000;
        font-size: 12px; font-weight: normal; text-decoration: underline;
}

.CSVOPEN, .CSVOPEN TD { font:12px Arial,Helvetica,Lucida,sans-serif; color:black; }

.CSVOPEN input { background:#f0f0f0; border:solid 1px #8e8e8e; padding:2px; }
.CSVOPEN input:focus { background:#ccddff; }
.CSVOPEN input[type=submit], .CSVOPEN A {
	color:#121212; background:#aab5bd; padding:2px 15px; text-decoration:none;
	border-style:solid; border-width:1px; border-color:#454545 #121212 #121212 #454545;
}
.CSVOPEN input[type=submit]:hover, .CSVOPEN A:hover {
	color:#e0e0e0; background:#113232; padding:2px 15px;
}

.CSVOPEN A {
	padding:2px 10px;
}


.MAIN, .SUB {
	font:14px/150% Arial,Helvetica,Lucida,sans-serif; color:#333333;
}

.MAIN H1, .SUB H1 { font-size:18px; color:#af0013; line-height:120%; }
.MAIN H2, .SUB H2 { font-size:16px; color:#af0013; line-height:120%; }
.MAIN H3, .SUB H3 { font-size:14px; color:#af0013; line-height:120%; }
.MAIN H4, .SUB H4 { font-size:12px; color:#af0013; line-height:120%; }
.MAIN H5, .SUB H5 { font-size:10px; color:#af0013; line-height:120%; }
.MAIN H6, .SUB H6 { font-size:8px; color:#af0013; line-height:120%; }

.MAIN .title {
	font:22px Arial Narrow,Arial,Helvetica,Lucida,sans-serif;
	width:920px;
	color:white; font-weight:bold;
	padding:5px 10px 5px 20px;
	background:#af0013;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.SUB .title {
	font:20px Arial Narrow,Arial,Helvetica,Lucida,sans-serif;
	color:white; font-weight:bold; text-decoration:none;
	margin:0px 0px 0px 20px; padding:7px 10px 7px 20px;
	background:#f0ba12;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.MAIN .modTitle {
	font:20px Arial Narrow,Arial,Helvetica,Lucida,sans-serif;
	color:white; font-weight:bold; text-decoration:none;
	margin:10px 0px 10px 0px; padding:7px 10px 7px 20px; background:#f0ba12;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.SUB .title A { text-decoration:none; color:white; }
.SUB .title A:hover { text-decoration:underline; color:white; }
.FEATURE .title { color:#f6a925; }
.FEATURE .title A:hover { color:#ffffff; }


.MAIN .heading {
	font-size:12px; font-weight:bold; text-align:right; color:#8e8e8e;
}

.MAIN select {
	background:#f0f0f0; border:solid 1px #8e8e8e;
}

.MAIN input, .MAIN textarea, .MAIN select[size] {
	background:#f0f0f0; border:solid 1px #8e8e8e; padding:2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.MAIN input:focus, .MAIN textarea:focus {
	background:#ccddff;
}

.MAIN input[type=submit], .MAIN input[type=button] {
	color:#121212; background:#aab5bd; padding:2px 15px;
	border-style:solid; border-width:1px; border-color:#454545 #121212 #121212 #454545;
}

.MAIN input[type=submit]:hover, .MAIN input[type=button]:hover {
	color:#e0e0e0; background:#113232; padding:2px 15px;
}

.MAIN .buttonAlign {
	text-align:center;
}

.MAIN A { color:blue; text-decoration:underline; }
.MAIN A:hover { color:green; text-decoration:underline; }



.SSHOT-STYLE img { border:solid 1px black; width:120px; }
.SSHOT-STYLE div { padding:5px 0px 15px 0px; width:120px; }




#CALBODY, #CALDATES {
	font:10px Arial,Helvetica,Lucida,sans-serif; color:#000000;
}

#CALDATES { background:#000000; color:#ffffff; font-weight:bold; }
#CALDATES A { font-size:8px; color:#ffffff; }

#CALBODY .title { color:#ffffff; background:#000000; font-size:18px; font-weight:bold; text-decoration:none; }
#CALBODY .title A { color:#ffffff; font-size:18px; font-weight:bold; text-decoration:none; }
#CALBODY .title A:hover { color:#000000; text-decoration:none; }
#CALBODY .dayname { color:#ffffff; background-color:#202020; font-weight:bold; }
#CALBODY .thismonth { color:#ffffff; background-color:#404040; font-weight:bold; }
#CALBODY .othermonth { color:#666666; background:#cccccc; font-weight:bold; }
#CALBODY .empty { background:#cccccc; }
#CALBODY .spacer { background-color:#ffffff; }


.TOPcell00, .TOPcell10, .BOTTOMcell00, .BOTTOMcell10 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}




.highlight { background:#ffcccc; }
.warn { color:#fa0202; }

.bold { font-weight:bold; }

.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }

.reduce { font-size:90%; }
.small { font-size:9px; }

.grey { color:#999999; }