/*--------------------General Code-------------------*/
html {margin:0px;padding:0px;min-height:100%;background:FFF;font-size: 12px;font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";}
body {margin:0px;padding:0px;}	
p,td,form,textarea,select,li,a,h1,h2,h3,div {margin:0px;padding:0px;color:#444;}
p {margin:0px;padding-top:5px;padding-bottom:5px;}
H1 {font-size: 18px;line-height:22px;color:#ee3424;margin-bottom:10px;}
H2 {font-size: 16px;line-height:18px;color:#ee3424;margin-bottom:5px;margin-top:5px;}
H3 {font-size: 14px;line-height:14px;color:#ee3424;margin-top:10px;margin-bottom:0px;}

/*--------------------Specific Code-------------------*/
.small, .small a, div.small a, td.small p,table.small tr td, table.small tr td p,td.small a, ul.small li,.small div {font-size: 11px; line-height:14px;}
.tiny, .tiny p, .tiny a {font-size:9px;}
.red, .red p {color:#CC0000;}
.grey {color:#666;}
.white,table.white tr td, a.white:link,a.white:visited,td.white a {color:#FFFFFF;}
.bold {font-weight:bold;}
.big {font-size:18px;}
.formfield {background-color:#e4e4e4;border: 1px solid #888;color:#666;font-size:12px;}
.fieldShadow {background:#FFF url(/images/layout/textarea-background.jpg) no-repeat top left;}
a img {border:0px;}
.clearing {clear:both;}

input,textarea {font-size:10px;font-family:Arial;}
input.formfield {height:16px;font-size:10px;padding-top:2px;padding-left:2px;width:190px;}
input.formfield2 {background:url(../images/layout/textbox-background.jpg) repeat-x;border:0px;height:16px;font-size:12px;padding-top:5px;padding-left:2px;color:#af2115;font-weight:bold;}
select.formfield {font-size:10px;padding:2px;}
textarea.formfield {height:16px;font-size:11px;padding-top:2px;}
.watermarked {background-color:#EEE;border: 1px solid #888;color:#AAA;font-size:10px;padding-top:2px;padding-left:2px;height:16px;}
.watermarked2 {background:url(../images/layout/textbox-background.jpg) repeat-x;border:0px;height:16px;font-size:12px;padding-top:5px;padding-left:2px;color:#e8b2ad;font-weight:bold;}

/*--------------------Link Code-------------------*/
a:link, a:visited {color:#1e89ca;text-decoration:none;}
a:hover {color:#396681;text-decoration:underline;}

/*--------------------Table Code-------------------*/
table,tr,td		{border:0px;}
table.list {border:none;margin:1.2em 0 2em 0;padding:0;background:transparent;color:#000;}
table.list tr th {border:none;text-align:left;vertical-align:top;font-weight:bold;
				margin:0;padding:0.3em 0.5em;background-color:#696969;color:#FFF;}
table.list tr td {border:none;border-top:1px solid #ddd;text-align:left;vertical-align:top;}

table.grid {border:none;margin:0;padding:0;color:#000;}
table.grid tr th {border:none;text-align:left;vertical-align:top;font-weight:bold;
				margin:0;padding:2px 0px 2px 2px;background-color:#EEE;color:#444;}
table.grid tr th a {color:#444;}
table.grid tr td {border:none;color:#666;padding:2px 0px 2px 2px;border-top:1px solid #ddd;text-align:left;vertical-align:top;}
table.grid tr td a {color:#666;}
table.grid tr td a:hover {text-decoration:underline;}
table.grid tr.gridHover {background-color:#e8e8e8;}
table.grid tr.gridHover td {background-color:#e8e8e8;}

.GridViewPager {height:23px;}
.GridViewHeaderSortA {background: url(/images/icons/arrow-up.gif) no-repeat 95% 50%; }
.GridViewHeaderSortD {background: url(/images/icons/arrow-down.gif) no-repeat 95% 60%; }

/*--------------------List Code-------------------*/
ul.grid {margin:0;padding:0;margin:auto;}
ul.grid li {margin:0;padding:0;width:255px;height:190px; float:left; text-align:center; list-style: none;padding-top:5px;}
ul.grid li a:link {text-decoration: none;border:2px solid #8f8f8f;}
ul.grid li a:visited {text-decoration: none;border:2px solid #8f8f8f;}
ul.grid li a:hover {text-decoration: underline;border:2px solid #444;}

ul.gridsmall {margin:0; padding:0;margin-top:-5px;margin-right:-50px;margin-left:-50px;}
ul.gridsmall li {margin:0;padding:0;width:40px;height:35px; float:left; text-align:center; list-style: none;}

ul.simplelist {list-style: none;padding:0px;margin:0px;}
ul.simplelist li {background:url(/images/icons/bullet.jpg) no-repeat -0.2em 0.1em;padding-left: 1.0em;}

/*--------------------Boxes/Shadows-------------------*/
/*.outer {width:184px;height: 160px; overflow: hidden; position: relative;float:left;}
.outer[id] {display: table; position: static;}
.middle {position: absolute; margin-top:0px;margin-bottom:0px;width:184px;}
.middle[id] {display: table-cell; vertical-align: middle; position: static;}
.inner {position: relative; width:160px;margin:auto;text-align:center;font-size:11px;color:#333;}
.divImageInformation {margin-top:4px;}*/

.divGridImage {float:left;margin:0px 0px 0px 0px;}
.divGridImageInner {float:left;width:180px;text-align:center;/*background: none !important;background: url(/images/layout/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/layout/shadow.gif) no-repeat bottom right;*/}
.divGridImage > .divImageInformation > p {text-align:right;margin:0px;padding:24px 0px 5px 0px;margin-right:0px;}
.divGridImageInner > divImageInformation > p > img {border: 1px solid #333;}
.divPager {font-size:14px;color:#333;margin-top:0px;height:16px;}
.divPager a {font-size:14px;color:#333;}

.imgBorder {border:0px solid #ee3424;}

.modalBackground {background-color:#fff; filter:alpha(opacity=80); opacity:0.8;}
.divModalPopup {border: 4px solid #999; background-color: #FFF; width: 480px; height: 320px;font-size: 14px;margin-top:-100px;text-align:left;}
.divModalPopupHeader {padding: 8px 8px 0px 8px;width: 464px;height: 30px; background-color: #EEE; color: #444;font-weight:bold;font-size:18px;}
.divModalPopupInner {padding: 8px 8px 0px 8px;height:222px;overflow:auto;border-top:1px solid #EEE;border-bottom:1px solid #EEE;}
.divModalPopupInner  p {color:#444;}
.divModalPopupButtons {padding: 6px 8px 0px 8px;height:50px;}
.modalPopup {border:1px solid #FFF;background-color:#edead9;padding:10px;}

.tblModalBox { }
.tdModalBoxTopLeft { background: url(/sites/brightsparks_uk/images/layout/modal-box-top-left.png) top left no-repeat; }
.tdModalBoxTopMiddle { background: url(/sites/brightsparks_uk/images/layout/modal-box-top.png) top left repeat-x; padding-top: 2px; font-size: 16px; font-weight: bold; }
.tdModalBoxTopRight { background: url(/sites/brightsparks_uk/images/layout/modal-box-top-right.png) top left no-repeat; }
.tdModalBoxLeft { background: url(/sites/brightsparks_uk/images/layout/modal-box-left.png) top left repeat-y; }
.tdModalBoxMiddle { background: #FFF; padding: 12px 0px 0px 0px; }
.tdModalBoxRight { background: url(/sites/brightsparks_uk/images/layout/modal-box-right.png) top left repeat-y; }
.tdModalBoxBottomLeft { background: url(/sites/brightsparks_uk/images/layout/modal-box-bottom-left.png) top left no-repeat; }
.tdModalBoxBottomMiddle { background: url(/sites/brightsparks_uk/images/layout/modal-box-bottom.png) top left repeat-x; }
.tdModalBoxBottomRight { background: url(/sites/brightsparks_uk/images/layout/modal-box-bottom-right.png) top left no-repeat; }



/*---------Tabs - XP---------*/
.ajax__tab_xp {width:882px}
.ajax__tab_xp .ajax__tab_header {font-size:11px; color:#444; background:url("images/layout/tabs/tab-line.gif") repeat-x bottom;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url("images/layout/tabs/tab-right.gif") no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url("images/layout/tabs/tab-left.gif") no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url("images/layout/tabs/tab.gif") repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url("images/layout/tabs/tab-hover-right.gif") no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url("images/layout/tabs/tab-hover-left.gif") no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url("images/layout/tabs/tab-hover.gif") repeat-x;}
.ajax__tab_xp .ajax__tab_body {font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#0b9444;}