BODY{ color: black; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0; padding: 0; }

INPUT {color: black; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
INPUT:hover {}

textarea {color: black; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }

.error {color: Red}

.h2error {padding:.3em 0 0 15px; margin: 0; font: 1.1em 'Trebuchet MS', Tahoma, Sans-serif; float: left; color: Red}

a, img, span {border:0; margin:0; padding:0;}

a {color:#3f3f3f; text-decoration: none;}
a:hover { text-decoration:underline; }

/* Buttons ********************************************/
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(../Design/buttonBackground.gif);
background-repeat: no-repeat;
width: 60px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

a.button:link, a.button:visited, a.helpbtn:visited {
color: #002577;
}
a.button:hover, a.button:active, a.helpbtn:hover {
background-position: 0 -36px;
color: #A8996E;
}

a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F;
cursor: default;
}


a.button-long, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(../Design/buttonBackground-long.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

a.button-long:link, a.button-long:visited, a.helpbtn:visited {
color: #000;
}
a.button-long:hover, a.button-long:active, a.helpbtn:hover {
background-position: 0 -36px;
color: #000;
}

a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F;
cursor: default;
}

.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px; }

a.button-long:hover .icon, a.button-long:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}

.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px; }

a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}

.helpbtn {
/*display: inline-block;*/
display: none;
background-color: transparent;
background-image: url(../Design/buttonBackgroundsmall.gif);
background-repeat: no-repeat;
width: 30px;
height: 28px;
text-align: center;
vertical-align: middle;
padding-top: 5px;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

/******************************/

/* Tooltip code ********************************************/

a.tooltipparent {
    text-decoration: none;
    /* display: inline-block !important; */
    display: inline;
    vertical-align: middle;
    margin-bottom: -1px;
    position: relative;
}
a.tooltipparent span.tooltip {
    visibility: hidden;
    display: block;
    position: absolute;
    left: 0;
    top: 28px;
    padding: .5em 2ex;
    z-index: 1;
    background: #F2F2F2;
    color: #000;
    border: 1px solid #000; 
    font: bold 0.9em 'Trebuchet MS', Tahoma, Sans-serif;
    text-align: left;
       
}

.tooltipheader {padding: 0 0 0 0; margin: 0 0 5px 0; border-bottom: 1px dashed #D4D4D4; color:#A8996E;}

/* Opera 6+ specific values */
@media screen and (min-width: 0px) {
    a.tooltipparent span.tooltip {
        left: inherit;
        top: inherit;
        margin-top: 12px;
        width: 0;
    }
}

a.tooltipparent:hover {
    border-bottom: 1px solid #9fc;
    text-decoration: none;
}
a.tooltipparent:hover span.tooltip {
    visibility: visible;
    /* blow up width, could be zeroed by opera hack */
    width: 200px;
}

.spacer 
{
    margin-top: 1em;
}

.keycontent
{
    color: #000;
    line-height: normal;
    font: bold 0.8em 'Trebuchet MS', Tahoma, Sans-serif; 
}


/******************************/

/* LoginMenu */
#login-wrapper {float: left; width: 550px; padding: 20px 20px 5px 20px; }
#login-wrapper h1 {padding:.3em 0 .3em 15px; margin: 0;	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif; color:#A8996E; border-bottom: 1px dashed #D4D4D4; }
.login-box {background: #F5F5F5; border: 1px solid #EFEDED; margin-bottom: 10px; }

/* user-password */
#user-password {margin: 10px 0 15px 0; padding: 0px 10px; background: #F2F2F2; }
#user-password .textandbox {padding:.3em 0 .3em 15px; margin: 0; font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif; color:#001D69; border-bottom: 1px dashed #D4D4D4; }
#user-password .textandbox h2 {padding: 0 0 .3em 15px; margin: 0; font: 1.1em 'Trebuchet MS', Tahoma, Sans-serif; color:#001D69; width: 130px; float: left;}
#user-password .textandbox .text-box {padding: 0 0 0.3em 15px;  }
#user-password .textandbox .button { margin-left: 208px; }

/* forgotten-password */
#forgotten-password {margin: 10px 0 15px 0; padding: 0px 10px; background: #F2F2F2; }
#forgotten-password .textandbox {padding:.3em 0 .3em 15px; margin: 0; font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif; color:#001D69; border-bottom: 1px dashed #D4D4D4; }
#forgotten-password .textandbox h2 {padding: 0 0 .3em 15px; margin: 0; font: 1.1em 'Trebuchet MS', Tahoma, Sans-serif; color:#001D69; width: 130px; float: left;}
#forgotten-password .textandbox .text-box { margin-top: 10px; float: left;}
#forgotten-password .textandbox .button { margin-left: 208px; }

/* AJAX Progress Box */
.updateProgress{position: absolute;background-color: #fff; filter: alpha(opacity=70);MozOpacity: 0.7;opacity: 0.7;padding: 0px;margin: 0px;}
.updateProgress div{background-color: white;padding: 4px;position: absolute;top: 10%;left: 50%;}
.loading {float: left; width:200px; font: 1.5em 'Trebuchet MS', Tahoma, Sans-serif; color:#001D69;}

.highlight {color: #A8996E; font-family: Arial, Helvetica, sans-serif; }

/* CM Pages Layout */
/* Content Page Content*/
#dprightcontact { padding: 12px 14px 1em 8px;  float: right; font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; color:#000; background: #FFF url(../Design/Untitled-6.gif) no-repeat; margin-right: 5px;}
#dprightcontact .telephone { padding-left: 20px; background:  url(../Design/ico_telephone.gif) no-repeat;}
#dprightcontact .link { padding-left: 20px; background: url(../Design/ico_link.gif) no-repeat;}

#content{ width:760px; margin-left:auto; margin-right:auto; background-color: White; }
#content h1 {padding:.3em 0 0.5em 15px; margin: 0;	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color:#A8996E; border-bottom: 1px dashed #D4D4D4; }
#content h2 {padding:.3em 0 0 15px; margin: 0; font: 1.1em 'Trebuchet MS', Tahoma, Sans-serif; color:#001D69; float: left;}
#content .breadcrumbs {padding: .3em 0 0 15px; margin: 0; font: 0.8em 'Trebuchet MS', Tahoma, Sans-serif; color:#001D69; border-bottom: 1px dashed #D4D4D4; }
#content .location {padding: .3em 0 0 0; }
#content .links { padding: 0 0 0 100px; margin: 0; font: 1em 'Trebuchet MS', Tahoma, Sans-serif; color:#001D69; }

/* Content Page Text*/
#text{ padding: 18px 40px 35px 0; margin-top:25px; border-top: 1px solid #484848; }
#text p{margin-bottom: 1em;}

/* LeftMenu */
#leftbar {float: left; width: 30%; padding: 20px 20px 5px 20px; }
#leftbar h1 {padding: 10px 0px 5px 10px; margin: 0;	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif; color:#A8996E; }
.leftbox {background: #F5F5F5; border: 1px solid #EFEDED; margin-bottom: 10px;}
.sitemap { padding: 10px;}

/* sidebar menu */
#leftbar ul.leftmenu {list-style:none; margin: 10px 0 15px 0; padding: 0; background: #F2F2F2; }
#leftbar ul.leftmenu li {padding: 0px 10px;}
#leftbar ul.leftmenu a {display:block; font-weight:normal; color: #333; height: 1.5em; padding:.3em 0 .3em 15px; line-height: 1.5em; border-bottom: 1px dashed #D4D4D4; text-decoration:none;}
#leftbar ul.leftmenu a.top{	border-top: 1px dashed #D4D4D4;}
#leftbar ul.leftmenu a:hover {padding: .3em 0 .3em 10px; border-left: 5px solid  #001D69; color: #001D69;}

#mainbody {margin: 0px; padding: 19px 0 0 260px;   }
#mainbody .contenthead {background: #F5F5F5; border: 1px solid #EFEDED; display: block; }
#mainbody .contentlabel{text-align: left; vertical-align:middle; display: block; }
#mainbody .contentcontrol {text-align: right; vertical-align: middle; padding: 5px 0 0 0;}
#mainbody .contentwrapper {padding: 0 0 10px 0; }
#mainbody .wrapperimageupload { padding: 5px 0 5px 0; margin-top:10px; background: #F5F5F5; border-top: 1px dashed #D4D4D4; }
#mainbody .wrapperimageupload .test{ padding: 5px 0 5px 0; }

#text-contentlabel {position: absolute; }
#text-textbox {width: 100%; margin-top: 30px; }

#image-imageeditor {padding: 0 10px 20px 0; margin-top: 20px; background: #F5F5F5; border: 1px solid #EFEDED; display:block; }
#image-imageeditor .addnew{ float: right;}
#image-imageeditor .image-contentlabel {position: absolute; }

#image-image-textbox {width: 100%; margin-top: 30px; }

#image-image-textbox .contentcontrol {text-align: right; vertical-align: middle; padding: 5px 0 0 0;}
#image-image-textbox .wrapperimageupload { padding: 5px 0 5px 0; margin-top:10px; background: #F5F5F5; border-top: 1px dashed #D4D4D4; }
#image-image-textbox .wrapperimageupload .seperator{ padding: 5px 0 5px 0; }

#imageeditor {padding: 0 10px 20px 0; margin-top: 20px; background: #F5F5F5; border: 1px solid #EFEDED; display:block; }
#imageeditor .addnew{ float: right;}
#imageeditor .image-contentlabel {position: absolute; }

#image-textbox {width: 100%; margin-top: 30px; }

#image-textbox .contentcontrol {text-align: right; vertical-align: middle; padding: 5px 0 0 0;}
#image-textbox .wrapperimageupload { padding: 5px 0 5px 0; margin-top:10px; background: #F5F5F5; border-top: 1px dashed #D4D4D4; }
#image-textbox .wrapperimageupload .seperator{ padding: 5px 0 5px 0; }

#text-textbox {width: 100%; margin-top: 30px; }

#businesscardeditor {padding: 0 10px 20px 0; margin-top: 20px; background: #F5F5F5; border: 1px solid #EFEDED; display:block; }
#businesscardeditor .addnew{ float: right;}
#businesscardeditor .image-contentlabel {position: absolute; }
#businesscardeditor .contentcontrol {padding: 0 0 0 10px; }

#businesscard-textbox .wrapperbusinesscard { padding: 5px 0 5px 0; margin-top:10px; background: #F5F5F5; border-top: 1px dashed #D4D4D4; }
#businesscard-textbox .wrapperbusinesscard .seperator{ padding: 5px 0 5px 0; }

#businesscard-textbox .wrapperbusinesscard .contentheaderlabel{ margin: 0 0 10px 0;}

#businesscard-textbox .wrapperbusinesscard .contentheaderlabel .contentlabel{ text-align: left; vertical-align:middle; display: block; }

#businesscard-textbox .wrapperbusinesscard .contentheaderlabel .contentcontrol {text-align: right; vertical-align: middle; padding: 5px 50px 0 0;}

#businesscard-textbox .wrapperbusinesscard .header-body-right{}

#listvieweditor {padding: 0 10px 20px 0; margin-top: 20px; background: #F5F5F5; border: 1px solid #EFEDED; display:block; }
#listvieweditor .addnew{ float: right;}
#listvieweditor .image-contentlabel {position: absolute; }
#listvieweditor .contentcontrol {padding: 0 0 0 10px; }

#listview-textbox .wrapperlistview { padding: 5px 0 5px 0; margin-top:10px; background: #F5F5F5; border-top: 1px dashed #D4D4D4; }
#listview-textbox .wrapperlistview .seperator{ padding: 5px 0 5px 0; }

#listview-textbox .wrapperlistview .contentheaderlabel{ margin: 0 0 10px 0;}

#listview-textbox .wrapperlistview .contentheaderlabel .contentlabel{ text-align: left; vertical-align:middle; display: block; }

#listview-textbox .wrapperlistview .contentheaderlabel .contentcontrol {text-align: right; vertical-align: middle; padding: 5px 50px 0 0;}

#listview-textbox .wrapperlistview .header-body-right{}

#expeditioneditor {padding: 0 10px 20px 0; margin-top: 20px; background: #F5F5F5; border: 1px solid #EFEDED; display:block; }

#texteditor {padding: 0 10px 20px 0; margin-top: 20px; background: #F5F5F5; border: 1px solid #EFEDED; display:block; }

#AddNew{padding: 20px 20px 20px 20px; border: 1px solid red; background-color: #fff; text-align: right; }

#texteditor .image-contentlabel {position: absolute; }

#texteditor .contentcontrol {padding: 0 0 0 10px; }

#texteditor .wrapperparagraph { padding: 5px 0 5px 0; margin-top:10px; background: #F5F5F5; border-top: 1px dashed #D4D4D4; }

#texteditor .wrapperparagraph .seperator{ padding: 5px 0 5px 0; }

#texteditor .wrapperparagraph .contentheaderlabel{ margin: 0 0 10px 0;}

#texteditor .wrapperparagraph .contentheaderlabel .contentlabel{ text-align: left; vertical-align:middle; display: block; }

#texteditor .wrapperparagraph .contentheaderlabel .contentcontrol {text-align: right; vertical-align: middle; padding: 5px 50px 0 0;}

#texteditor .wrapperparagraph .header-body-right{}

#buttonwrapper {padding: 0 0 10px 0; margin-top: 20px; }
#buttonwrapper .feedback {padding: 0 0 0 10px; color: Red;  margin-top: 3px; width: 100%; float: left; border: 1px solid Red; }
#buttonwrapper .button { padding: 5px 10px 0 0;  margin-right: 55px; margin-top: 3px; width: 60px; float: right; text-align: center;}

#buttonwrapper-top {padding: 0 0 10px 0; margin-top: 20px; }
#buttonwrapper-top .feedback {padding: 0 0 0 10px; color: Red;  margin-top: 3px; width: 100%; float: left; border: 1px solid Red; }
#buttonwrapper-top .button { padding: 5px 10px 0 0;  margin-right: 55px; margin-top: 3px; width: 60px; float: right; text-align: center;}

#activityitem {background: #F5F5F5; border: 1px solid #EFEDED; margin-bottom: 10px; width: 380px;}
#activityitem .itemheader {background: url(../Design/ico_Page.gif) no-repeat 10px 8px; padding:  5px 0px 5px 35px; margin: 0;font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif; color:#A8996E; border-bottom: 1px dashed #D4D4D4; }
#activityitem .itemcontent {background: url(../Design/ico_Comment.gif) no-repeat 10px 8px; padding:  5px 0px 5px 35px; margin: 0;font: 1.0em 'Trebuchet MS', Tahoma, Sans-serif; font-weight:normal; color: #333; border-bottom: 1px dashed #D4D4D4; }
#activityitem .itemfooter {padding:  5px 5px 5px 0px; margin: 0;font: 1.0em 'Trebuchet MS', Tahoma, Sans-serif; font-weight:normal; color: #001D69; float: right; }
#activityitem .itemfooter .date {background: url(../Design/ico_time.gif) no-repeat 0px 4px; float: right; padding:  5px 5px 5px 20px;}
#activityitem .itemfooter .usernamemale {background: url(../Design/ico_maleuser.gif) no-repeat 0px 4px; float: right; padding:  5px 5px 5px 20px; }
#activityitem .itemfooter .usernamefemale {}

#pageheader {padding: 0px 0px 0px 20px; width: 427px;  background: #F5F5F5; border: 1px solid #EFEDED; font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif; color:#A8996E; }

#pagehelpheader {padding: 20px 20px 20px 20px; width: 407px; background: #fff; border: 1px solid #EFEDED; font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif; color:#A8996E; }

#pagedetailhelpheader {padding: 20px 20px 20px 20px; width: 676px; background: #fff; border: 1px solid #EFEDED; font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif; color:#A8996E; }

#pagehelpheader label {font: 0.8em 'Trebuchet MS', Tahoma, Sans-serif; font-weight:normal; color: #001D69; text-decoration:none;}

#pagedetailhelpheader p {font: 0.8em 'Trebuchet MS', Tahoma, Sans-serif; font-weight:normal; color: #001D69; text-decoration:none;}

#updownnavbox { border: 1px dashed red; padding: 10px; background-color: #fff; text-align: right; }

#page {background: #F5F5F5; margin-bottom: 0px; width: 450px;}
#page .itemheader {padding: 0px 20px 0px 20px; font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif; color:#A8996E; border-bottom: 1px dashed #D4D4D4; }

#page .itemheader .itemname {float: left; }

#page .itemheader .links {float: right; padding: 5px 0 0 0; }

#page .item {padding:.3em 0 .3em 20px;  font: 1.0em 'Trebuchet MS', Tahoma, Sans-serif; font-weight:normal; color:#001D69; border-bottom: 1px dashed #D4D4D4; margin: 0px 20px 0px 20px; }

#page .item .itemname {float: left; padding: 5px 0 0 0;  }

#page .item .links {float: right; padding: 5px 0 0 0; }

#page .item a {font-weight:normal; color: #001D69; text-decoration:none;}

#page .subitem {padding:.3em 0 .3em 20px;  margin: 0px 20px 0px 45px; font: 1.0em 'Trebuchet MS', Tahoma, Sans-serif; font-weight:normal; color:#001D69; border-bottom: 1px dashed #D4D4D4; }

#page .subitem .itemname {float: left; padding: 5px 0 0 0;  }

#page .subitem .links {float: right; padding: 5px 0 0 0; }

#page .subitem a {font-weight:normal; color: #001D69; text-decoration:none; }

#page .spacer { background-color: #fff; padding:  0px 0px 5px 35px; font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif; color:#A8996E; border: 2px solid #FFF;}


/* Tool tip style */
#helper .help {display: none; position: relative; }

#helper .content {border: #000 1px solid; padding: 10px;color: black;background-color: #fff; width: 130px; float:right; position: absolute;}

#helper .content .tooltipheader {border-bottom: 1px dashed #D4D4D4; color:#A8996E; font: bold 0.8em 'Trebuchet MS', Tahoma, Sans-serif; text-align: center;}

#helper .content .tooltipcontent{color:#000; font: bold 0.8em 'Trebuchet MS', Tahoma, Sans-serif;  text-align: left;}

#helper .content .tooltipcontent img{ padding: 5px 5px 0 0;}


/* Dropshadow style */
.img-shadow {
  clear: both;
  float:left;
  background: url(../Design/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../Design/shadow.gif) no-repeat bottom right;
  margin: 20px 0 0 17px !important;
  margin: 20px 0 0 8px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  width: 154px;
  height: 203px;
}

.p-shadow {
  clear: both;
  width: 90%;
  float:left;
  background: url(../Design/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../Design/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  float:right; 
  position: absolute; 
  width: 300px;
}

.p-shadow div {
  background: none !important;
  background: url(../Design/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}


/* Footer Div */
#footer{width:760px; margin-top:-1px; margin-left:auto; margin-right:auto;  text-align: right;  padding-top: 5px;   }
#footer p{ font-size: 11px; line-height: 14px; margin: 0;  color: #DDDDDD; text-align: center; color: Black; }
#footer a{ font-size: 11px;	font-weight: normal;	text-decoration: none;  color: black;    }
#footer a:hover{ color: black; text-decoration: underline; }

#test {float:left; clear:right; width: 380px; background-color: #fff; }