@charset "utf-8";
/*** WEBSITE: Overseas Packers and Shippers
	 AUTHOR: David Pollitt
	 CREATED: 28/02/2009
	 COMMENTS: For use with Digicon DNN 4.9.2 */

/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html{height:auto;background:#fff;font-size:100.01%;margin:0;padding:0}
body{background:#fff;height:100%;font-size:62.5%}
body,ul li,p,.normal,.NormalDisabled,.blogCalendar td,.SkinObject,input,textarea{font-family:arial,verdana,helvetica;color:#111111;font-weight:400;line-height:1.5em;margin:0;padding:0}
.Normal,label,.Head,.SubHead,.SubSubHead,.NormalBold,.NormalRed{font-size:1.1em}
.NormalDisabled{color:#D3D3D3}
.SubHead{color:#444;font-weight:700;text-align:left}
.SubSubHead{font-weight:700;color:#000}
.NormalBold{font-weight:700}
.NormalRed{font-weight:700;color:#880000!important}
/* heading styles */
h1,h2,h3,h4,h5,dt,h6,.head,h2 span.head,.container h2 span.head,h3 span.SubHead,.newstitle,tfoot,thead,th{font-family:arial,verdana,helvetica;color:#111;margin:0;padding:0;margin-bottom:10px;font-weight:normal}
h1{font-size:2em;color:#05569c;line-height:1.2em}
.flashPanel h2{display:none}
h2,.head,h2 span.Head,.container h2 span.Head{font-size:1.4em;color:#2d2c2c;font-weight:bold;margin-bottom:5px}
h3,h3 span.SubHead{font-size:1.4em;font-weight:700;color:#05569c}
h4{font-size:1.4em;font-weight:700;color:#DC001B}
h5,DT{font-size:1.2em;font-weight:700}
h6{font-style:italic;font-size:1.2em}
p{margin:5px 0 15px;font-size:1.0em}
ul{font-size:1.0em;padding-bottom:10px}
ul li{margin:0 0 0 25px;padding:0;list-style-type:disc}
ul li li{list-style-type:disc}
ul li li li{list-style-type:circle}
ol li{list-style-type:decimal;margin:0 0 0 25px;padding:0;}
ol ol li{list-style-type:lower-alpha}
ol ol ol li{list-style-type:lower-roman}
hr{color:#999;height:1px;text-align:left}
img{border:0;margin:0;padding:0}
strong,b{font-weight:700}
em,i{font-style:italic}
td{vertical-align:top}
/* link styles */
a, a:link,a:active,a:visited{color:#bb0020;text-decoration:none;padding:0;margin:0}
a:hover{text-decoration:underline;color:#bb0020}
blockquote{font-size:0.9em;font-family:"Lucida Sans Unicode";float:right}
pre{font-family:"Lucida Console",monospace;color:#434343;font-size:0.9em}
address{color:#434343;font-size:0.9em;font-style:italic}
input,textarea{color:#777}
input:focus,textarea:focus{color:#333}
textarea{font-size:1.2em}
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv{width:100%;height:100%;text-align:center;padding:0;margin:0;background:#fff}
html>body #bodyDiv{height:auto;min-height:100%}
#frame {width:960px;margin:0 auto;text-align:left;background:#fff}
#header {float:left}
#branding{width:200px;float:left;padding-left:50px}
.flashPanel{float:right;width:690px}
#menu{width:100%;float:left}
#contentArea{width:100%;float:left;background:url(images/OPSContentBG.gif) top left repeat-x}
#enclose{width:758px;float:left}
.leftPanel{width:180px;padding:10px;float:left}
.inner .contentPanel{width:680px;float:left;padding:20px; padding-top:5px}
.contentPanel{width:450px;float:left;padding:20px; padding-top:5px}
.midPanel {width:200px;float:left;padding:20px; padding-top:5px}
.midPanel p {font-size:11px}
.ContentPanelFull{width:734px;float:right;padding:10px}
.rightPanel{width:180px;padding:10px;float:right}
.alignLeft {float:left}
.alignRight {float:right}
#footer{clear:both;width:948px;text-align:right;color:#fff;padding:5px 7px;font-size:1.1em;background:#004571}
html>body #footer {width:946px}
#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a.footerMenuItem{color:#fff}
#footer a:hover{text-decoration:underline}
/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
******************************************************/
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu,.menu ul,.menu li{margin:0;padding:0;border:0;list-style-type:none;display:block;min-height:0}
.menu li{float:left;position:relative;z-index:5;white-space:normal}
.menu li:hover,.menu li.menuHover{z-index:10000;white-space:normal}
.menu .menuHoverUL{visibility:visible;top:100%;left:0}
.menu .menuHoverUL .menuHoverUL{top:0;left:100%}
.menu li li{float:none}
.menu ul{visibility:hidden;position:absolute;z-index:10;left:0;top:0}
.menu li:hover>ul{visibility:visible;top:100%}
.menu li li:hover>ul{top:0;left:100%}
.menu a,.menu a:link,.menu a:active,.menu a:visited,.menu a:link:hover,.menu li.active{display:block;position:relative}
.menu li li{float:left;width:100%;margin-top:0}
/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu{font-size:1.3em}
.menu,.menu ul li{color:#fff;background:url(images/OPSMenuBg.gif) top left repeat-x}
.menu ul li{text-align:left;width:165px;font-size:1.0em}
.menu ul{width:165px}
/* Top Level Menu Items */
.menu li{background:url(images/OPSMenuRight.gif) top right no-repeat}
.menu a,.menu a:link,.menu a:active,.menu a:visited{text-decoration:none;color:#fff;padding:5px 32px 4px 33px}
.menu a:hover,.menu a:link:hover,.menu .menuHoverA{padding:5px 32px 4px 33px;color:#f6b0b9;}
.menu li.active{background:url(images/OPSmenuActive.gif) top right no-repeat}
.menu li.active:hover>a{}
/* Drop Down Menu Items */
.menu ul li{background:#750115;border-bottom:1px dotted #b91c37}
.menu ul li a,.menu ul li a:link,.menu ul li a:active,.menu ul li a:visited{text-decoration:none;color:#fff;padding:3px 5px}
.menu ul li a:hover,.menu ul li a:link:hover,.menu li.active li a:hover{background:#b91c37;padding:3px 5px}
.menu ul li.active{background:#b91c37}
.menu ul li.active:hover>a{}
/***  CLEAN MENU FIXES - DON'T TOUCH THESE STYLES  ***/
.menu:after,.menu ul:after{content: ".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}
.menu ul{background:url(images/empty.gif);padding:1px 30px 30px;margin:-1px 0 0 -30px}
.menu ul ul{padding:10px 30px 30px 10px;margin:-10px 0 0 -10px}
/*** MENU SPECIAL STYLES - DELETE THESE IF NOT BEING USED ***/
/* special colouring for first menu item on each level */
.menu>li:first-child>a/*,.menu li + li + li li:first-child>a*/{}
/******************************************************
    CONTAINER STYLES
******************************************************/
.container{width:100%}
.containerContent{padding:0}
/******************************************************
    FORM STYLES              
******************************************************/
.formInput{width:150px;height:18px;border:1px solid #ccc}
.formItem{clear:both}
.label{clear:both;float:left;width:120px;text-align:right;padding-right:10px;font-weight:700}
.labelDetails{width:390px}
.labelDetails p{margin:0 0 7px}
/* button style for standard buttons */
.StandardButton,input.StandardButton,a.StandardButton,a:link.StandardButton,a:active.StandardButton,a:visited.StandardButton,input.StandardButton,a.CommandButton,a:link.CommandButton,a:active.CommandButton,a:visited.CommandButton{font-family:arial,verdana,helvetica;font-size:1.1em;padding:0 8px;width:0;overflow:visible;background:#136294;color:#FFF;text-transform:lowercase;margin:0;cursor:pointer;clear:both;border:1px solid #333;white-space:nowrap}
input#dnn_ctr_Login_Login_DNN_cmdLogin{font-size: 1em;height:20px}
input.StandardButton[class],a.CommandButton[class],a:link.CommandButton[class],a:active.CommandButton[class],a:visited.CommandButton[class]{width:auto}
a:hover.CommandButton, input:hover.StandardButton{color:#E0E0E0;background:#004571}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox,input.longTextBox,input.longmedTextBox,input.medTextBox,input.medshortTextBox,input.shortTextBox{font-family:arial,verdana,helvetica;margin-bottom:5px}
input.longTextBox{width:250px}
input.longmedTextBox{width:200px}
input.medTextBox{width:150px}
input.medshortTextBox{width:100px}
input.shortTextBox{width:60px}
span.mandatory{color:#334692;font-weight:700}
/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{float:left}
.floatRight{float:right}
/* styles to mimic auto height of div elements as per IE6 */
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */
/******************************************************
    DNN STYLES - Data Grids
******************************************************/
.DataGrid_AlternatingItem {background:#fff;color:#FF0000}
.DataGrid_Container {background:Transparent;font-size:1.1em}
.DataGrid_Footer {background:#fff}
.DataGrid_Header {background:Transparent;color:#000;font-weight:700;text-align:center}
.DataGrid_Item {background:Transparent;color:#000}
.DataGrid_SelectedItem {background:#D3D3D3;color:Blue}
SMALL {font-size:0.8em}
BIG {font-size:1.4em}
/******************************************************
    BREADCRUMB TRAIL
******************************************************/
#breadCrumbs{padding:5px 20px}
/******************************************************
    FCK EDITOR FIX
******************************************************/
.FCKLinkGalleryContainer .Normal,.FCKLinkGalleryContainer label,.FCKLinkGalleryContainer .Head,.FCKLinkGalleryContainer .SubHead,.FCKLinkGalleryContainer .SubSubHead,.FCKLinkGalleryContainer .NormalBold,.FCKLinkGalleryContainer .NormalRed {font-size:1.0em!important}
.FCKLinkGalleryContainer .StandardButton,.FCKLinkGalleryContainer input.StandardButton,.FCKLinkGalleryContainer a.StandardButton,.FCKLinkGalleryContainer a:link.StandardButton,.FCKLinkGalleryContainer a:active.StandardButton,.FCKLinkGalleryContainer a:visited.StandardButton,.FCKLinkGalleryContainer input.StandardButton,.FCKLinkGalleryContainer a.CommandButton,.FCKLinkGalleryContainer a:link.CommandButton,.FCKLinkGalleryContainer a:active.CommandButton,.FCKLinkGalleryContainer a:visited.CommandButton{font-size:1.0em!important}