/* Gobal styles for Data synergy */

html {padding:0px; margin:0px;}
body {padding:0px; margin:0px; text-align:center; font-family:verdana, arial, san-serif; color:#666; font-size:10pt; font-family:Arial, Helvetica, sans-serif;}



a:link, a:visited {color:#3c9;}
a:hover {color:#666;}

.button:link, .button:visited {background-color:#3c9; padding:5px; color:#fff; display:inline; margin:6px; text-decoration:none; border:1px solid #666;}
.button:hover {color:#ccc;}


P {margin:0px; line-height:150%;}
.SubHead {font-size:12pt;}

h1{font-family: century gothic, arial, sans-serif; font-size:18pt; font-weight:normal; margin:20px 0px 15px 0px; color:#3c9;}
h2{font-family: century gothic, arial, sans-serif; font-size:12pt; font-weight:bold; margin:20px 0px 15px 0px; color:#3c9;}

img {border:none;}
.ipl {float:left; margin-right:5px;}
.ipr {float:right; margin-left:5px;}


/*Position the overall container */
#Container {Margin:0px auto 0px auto; position:relative; width:780px; text-align:left; border:1px solid #e8e8e8;}

/*Position the side nav column */
#Side {position:absolute; display:inline; top:125px; left:5px; width:175px; float:left; margin:0px 10px 0px 0px; padding:0px; }
#SideIndex {position:absolute; display:inline; top:290px; left:15px; width:175px; float:left; margin:0px 10px 0px 0px; padding:0px;}

/*Position the main content part */
#Main {width:583px; padding:0px 0px 0px 0px; display:inline; margin:0px 5px 0px 0px; float:right;}

/*Position the main content on a page with no side column */
#MainWide {width:760px; padding:10px; margin:0px;}

#RightCol {width:215px; float:right; margin-left:5px; padding:0px 0px 0px 10px; font-size:8pt; border-left:1px solid #ccc;}

/*Position and style the footer */
#Footer {clear:both; text-align:center; margin:20px 0px 10px 0px; padding:10px 0px 10px 0px; border-top:1px solid #ccc; color:#ccc; font-size:8pt;}

/*Styling the top navigation */
#TopNav {background: url(../images/TopNavBg.gif) repeat-x bottom left; width:780px; height:25px; padding:4px 0px 4px 0px; margin:0px 0px 5px 0px; font-size:9pt;}
#TopNav a:link, #TopNav a:visited {font-weight:bold; display:inline; color:#fff; text-decoration:none; padding:0px 10px 0px 10px; border-right:1px solid #333;}
#TopNav .last:link, #TopNav .last:visited {border-right:none;}
#TopNav a:hover {text-decoration:underline;}

/*Styling the side navigation.......*/
#SideNav {width:100%; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px;  }
#SideNav a:link, #SideNav a:visited {Background: url(../images/Nav.gif) no-repeat left; background-color:#4fb896; border:1px solid #e8e8e8; display:block; border-bottom:1px solid #fff; color:#fff; padding:4px 3px 4px 15px; text-decoration:none; font-size:9pt;}
#SideNav a:hover {text-decoration:underline;}
#SideNav p.Header {Background: url(../images/SecNavHeader.gif) no-repeat left; width:100%; padding:0px 0px 0px 5px; font-weight:bold;}

/*Styling the tabs */
#TabNav {text-align:right; margin:3px 0px 10px 0px;}
#TabNav .current {background-color:#ffd483; color:#ccc;  padding: 2px 10px 2px 10px; border:1px solid #ccc; border-top:2px ridge #ccc; border-bottom:none;}
#TabNav a:link, #TabNav a:visited { color:#666; padding: 2px 10px 2px 10px; border:1px solid #999; border-top:2px ridge #ccc; border-bottom:none; text-align:right; text-decoration:none; }
#TabNav a:hover{color:#999;}

/*Centred tables */
#CentredTable {text-align:center;}

ul li {margin:10px 0px 10px 0px;}

#WhiteBox {border:1px solid #ccc; padding:5px; Background: url(../images/BoxBg.gif) repeat-x top left;}

table {font-size:9pt;}
table th {background-color:#ccc; color:#666; text-align:left; padding:3px; font-size:10pt;}