/*IT Business - Jeff Radecki CSS */

* {margin: 0; padding: 0;}
body {background: #666666; font-family:Helvetica,Arial,Geneva,Swiss,SunSans-Regular ; font-size: 75%;}
/**************************************** Header and Top Nav ****************************/
#container { width: 996px;	margin: auto; font-size: 1em;}
#topAd{	height: 100px; padding-top: 5px;}
#header {
	background: #FFFFFF;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 10px;
}
#mainNav {
	width:970px;
	border: #ccc 1px solid;
	height:20px;
	padding-top:3px; 
	background: #e7e5e5;
	margin-bottom:5px;
}

.aLinkWP{
padding-left: 20px
}

.aLink:link{
color: #333333;
font-weight: bold;
text-decoration: none;
}

.aLink:visited {
color: #000000;
font-weight: bold;
text-decoration: none;
}

.aLink:hover{
color: #990000;
font-weight: bold;
text-decoration: none;
}

#btmNav {
	width:995px;
	height:20px;
	border: #333 1px solid;
	background-image: url(http://www.itbusiness.ca/it/image/en/cdn/mainNav.jpg);
	background-repeat: repeat-x;
	text-align:center;
	color:#000000;
}

#btmNav a{
color:#000000;
}

#btmNav a:link, #btmNav a:visited{
color:#000000;
text-decoration:none;
}

#btmNav a:hover{
color:#000000;
text-decoration:underline;
}


.chromestyle{
}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.chromestyle ul{
width: 100%;
padding: 0px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}
.chromestyle ul li{
display: inline;
}
.chromestyle ul li a{
padding: 4px 4px;
color: #000000;
font-weight: bold;
padding-right:10px;
text-decoration: none;
}
.chromestyle ul li a:hover{
color: #990000;
font-weight: bold;
text-decoration: none;
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #ccc; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-size: 1em;
line-height:18px;
z-index:100;
background-color: #e7e5e5;
width: 200px;
visibility: hidden;
}
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #000000;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #990000;
}

/**************************************** Sidebars ****************************/
#left {
	float: left;
	width: 10px;	
}
#right {
	font-family:"Trebuchet MS", Verdana, Tahoma, Georgia ;
	float: right;
	width: 305px;
	padding-right: 10px;
}
#right ul, #right ol {
padding-left:15px;
}
.rightBox {
display:block;
border: #ccc 1px solid;
width: 290px;
padding-left:5px;
padding-right:5px;
}
.rightBox h3 {
display:block;
border-bottom: #ccc 1px solid;
background: #e7e5e5;
font-size:1.1em;
font-weight:bold;
width: 295px;
height: 20px;
padding-top:5px;
margin-left:-5px;
padding-left: 5px;
}
.rightBox h4 {
display:block;
background: url(http://www.directioninformatique.com/DI/template/layoutImg/rightBoxBtm.gif) no-repeat bottom left;
font-size:0.2em;
width: 295px;
height: 10px;
color:#FFFFFF;
padding-top:5px;
margin-left:-5px;
padding-left: 5px;
}

/**************************************** Main Divs ****************************/
#contentwrapper {
 background:#FFFFFF;
}
#content {
    font-family:"Trebuchet MS", Verdana, Tahoma, Georgia ;
	position: relative;
	font-size:1.1em;
width:660px;
	margin-right: 320px;
	margin-left: 10px;
}
#sky {
float:left;
padding-right:5px;
padding-bottom:5px;
}


#footer {
	width: 991px;
	height:115px;
	padding-top:5px;
	clear: both;
	text-align: center;
}
.red:link, .red:visited{
color:#990000;
text-decoration:none;
}

.red:hover {
color:#000;
text-decoration:underline;
}

/**************************************** text, images, lists ****************************/

a:link {
	color: #2b274c;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color: #990000;
	font-weight:bold;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}
img {
  border: 0px;
}

p {
padding-top:0px;
padding-bottom:10px;
}


h1 {
	color: #000;
	font-size: 1.3em;
	text-decoration: none;
}

h1 a:hover, h2 a:hover{
	color: #990000;
	text-decoration: underline;
	cursor:pointer; 
}


h2 {
	font-size: 1em;
	color: #990000;
	height: 20px;
	text-decoration: none;
}

.writer {
color:#434242;
font-weight:bold;
} 
.date {
color:#000;
font-weight:bold;
} 
.sectionWP {
color:#666666;
font-size:1.1em;
font-weight:bold;
line-height:30px;
padding-left:35px;
padding-right:50px;
padding-top:2px;
padding-bottom:8px;
background: url(http://www.directioninformatique.com/DI/template/layoutImg/section.gif) no-repeat top left;
}
.section {
color:#666666;
font-size:1.1em;
font-weight:bold;
line-height:30px;
padding-left:35px;
padding-right:265px;
padding-top:2px;
padding-bottom:8px;
background: url(http://www.directioninformatique.com/DI/template/layoutImg/section.gif) no-repeat top left;
}
.smallDesc {
font-size:0.95em;
}

#videoList  {
height:50px;
padding:6px;
border-bottom: 1px solid #ccc;
overflow:hidden;
}

#videoList:hover  {
background:#e1e1e1;
cursor:hand;
}
#videoList span
{font-weight:bold; color:#666;}
#videoList img
{float:right;  width:65px; padding-left:5px; height:50px;}

#greyOut {
display:none;
z-index:1000;
background: url(http://www.itbusiness.ca/dell/linkBack.png) repeat; 
top:0px;
left:0px;
width:100%;
height:100%;
position:fixed;
margin:0px;
padding:0px;
}

#companion{
float:right;
padding:60px 30px 60px 5px;
width:300px;
clear:right;
}

#videoWrap {
display:none;
z-index:10010;
margin:1% auto auto auto;
padding-top:5px;
height:600px;
background:#fff;
width:990px;
border:2px solid #ccc;
}


#Video {
height:370px;
width:600px;
float:left;
padding-left:20px;
}
#vidInfo {
	float:left;
padding-left:20px;
clear:left;
width: 475px;
}

.close{
float:right;
padding-right:5px;
display:block;
}
.videoDesc{
font-size:11px;	
}
#resp 
{
	float:right;
width: 455px;
height: 160px;
overflow-x: auto;
overflow-y: auto;
display: block;
margin-right:2%;
}

.related {
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
overflow-x: hidden;
overflow-y: hidden;
}
.related img{
	width:100px;
	height:75px;
	
}
.smallName{
display: block;
width: 100px;
height: 35px;
overflow-x: hidden;
overflow-y: hidden;
font-size: 0.9em;
color: #660000;
}
.clear {clear:both;}

/* slideshow styles added for playbook 12/2010 */

ul#example5 			{ margin: 1.5em; }
.example1               { margin: 10px; list-style-image: url(http://www.directioninformatique.com:8000/DI/client/fr/DirectionInformatique/diaporamas/playbook/images/check.gif); border-bottom: 1px solid #ccc; padding: .2em 0 .2em .5em; font-weight: normal; color: #000; }