﻿#shoutOut img, .weatherWebPart img, .galleryWebPart img, .slider .panel .photoholder .wrapper img, #manageAlbums img {behavior:url('/iepngfix.htc');}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {font-size:62.5%; font-family:arial,verdana,helvetica,"Trebuchet MS", sans-serif; background:#fff;}

.mainBlock {width:987px; font-size:1.0em;}

.mainBlock .mainHeaderBlock {width:100%;}
.mainBlock .mainHeaderBlock .header {background:url('../images/red-strip.gif') bottom left no-repeat; padding:6px 0px 0px 0px; clear:both; width:990px; height:50px;}
.mainBlock .mainHeaderBlock .header .logo {float:left; margin:5px 0px 0px 15px; display:inline; position:relative;}

.mainBlock .mainContentBlock {width:990px; top:0px; left:0px;}

.mainBlock .mainFooterBlock {width:970px; height:20px; border-top:dotted 1px #ccc; position:relative; top:20px; left:10px;}


.mainTitleBlock
{
    height:50px;
    width:100%;
    position:relative;
    border:solid 1px red;    
}
.mainNavigationBlock
{
    width:100%;
    height:30px;
    margin:15px 0px 0px 5px;   
}
#skipNav 
{
    display:none;
    font-size: 1px;
    line-height: 1px;
}

.clear
{
    clear:both;
}
.newline {clear:both; height:0px; overflow:hidden;}

.globalNav
{
    background:#eee;
    border-bottom:1px solid #c7c7c7;
    padding:16px 0px 0px 0px;
    position:relative;
    width:100%;
}
.globalNav p 
{
    float:right;
    margin:-15px 12px 0px 0px;
    padding:2px 0px 0px 0px;
    display:inline;
    color:#000;
    font-size:0.9em;
}


/*///////////////////////////////////////////////////////////
    Layout for the main Container of the inner master page
///////////////////////////////////////////////////////////*/

.secContentHeader
{
    width:984px;
    height:66px;
    border:solid 0px red;
    position:relative;
    background:url('../images/hdrPaperEffect.jpg') no-repeat;
    margin:0px 0px 0px 4px;
}
.secContentHeader .rightHeader
{
    position:absolute;
    bottom:10px;
    right:15px;
    height:15px;
    /*width:100px;*/
    text-align:right;    
}
.homeTopHolder
{
    width:952px;
    border:0px solid red;
    margin:10px 0px 0px 17px;    
}


.userIDholder
{
    width:105px;
    background:#fff;
    float:left;
    padding:0px 14px 0px 0px;
    margin-top:25px;
}
.userIDImagesHolder
{
    position:relative;
    height:100px;
    width:100px;
    border:solid 1px #ccc;    
    margin-bottom:5px;
}
.newColleaguesHolder
{
    width:169px;
    float:left;
    background:url('../images/imgVerticalHomeDevider.jpg') repeat-y;
    padding:0px 14px 30px 14px;
    margin-top:25px;
}
.fromForumHolder
{
    width:200px;
    background:url('../images/imgVerticalHomeDevider.jpg') repeat-y;
    float:left; 
    padding:0px 0px 30px 13px;
    margin-top:25px;   
}

.homeVertDivider
{
    width:5px;
    height:245px;
    background:url('../images/imgVerticalHomeDevider.jpg') repeat-y;
    float:left;    
    margin-top:25px;
}
.mainContentDevider
{
    width:955px;
    height:8px;
    background:url('../images/imgMainContentDevider.jpg') no-repeat;
    clear:both;   
}

/*////////////////////////////////////  
    TITLE HOLDERS FOR THE HOME PAGE
////////////////////////////////////*/

.newColleaguesTitleHolder
{
    width:100%;
    position:relative;
    top:0px;
    left:0px;    
}
.fromForumTitleHolder
{
    width:100%;
    position:relative;
    top:0px;
    left:0px;    
}


/*/////////////////////
    TODO PAPER SETUP
/////////////////////*/

.todoListHolder
{
    width:395px;
    float:right;
    background:url('../images/imgTodoMainBG.jpgq');
    background-repeat:repeat;
    padding:5px 0;
    
    /* IE6 */
    _width:385px;
    _padding: 0px;
}
.todoListHolder .left
{
	width:60%;
	float:left;
}

.todoListConfirm
{
     width:60%;
	 float:left;
     text-decoration:line-through;   
}

.todoListHolder .center
{
	width:20%;
	float:left;
}
.todoListHolder .right
{
	width:60px;
	float:right;
	text-align:right;
}

.todoTitleHolder
{
    width:100%;    
    position:relative;
    top:0px;
    left:0px;   
}

.line {clear:both; width:100%; background:url('../images/imgToDoLine.gif') center center no-repeat; height:1px; padding:6px 0;}
.line2 {clear:both; width:100%; background:url('../images/imgToDoLine.gif') center center no-repeat; height:1px; padding:2px 0;}

.todoTitleHolder .addNew
{
    float:right;
    color:#090 !important;
    padding:4px 26px 0 0;
}

.todoListHolder .topBlock
{
    top:0px;
    left:0px;
    width:403px;
    height:19px;  
    background:url('../images/imgTodoTop.jpg') no-repeat;
    z-index:100;
    position:relative;
}

.paperClip
{
    width:25px;
    height:58px;
    border:solid 0px red;
    position:absolute;
    top:-41px;
    right:60px;   
    z-index:100;
    background:url('../images/imgPaperClip.jpg') no-repeat; 
}
.paperClipHome
{
    width:25px;
    height:58px;
    position:absolute;
    top:-11px;
    right:135px;   
    z-index:100;
    background:url('../images/imgPaperClipHome.jpg') no-repeat; 
}

.todoListHolder .contentBlock
{
    width:359px;
    background:url('../images/imgNotePaperBackground.jpg') bottom center no-repeat;
    float:left;
    border:0px solid green;
    padding:8px 18px 38px 26px;     
}

.todoListHolder .contentBlock input {font-size:1.0em;}

.todoitems {height:210px !important; overflow:auto; scrollbar-base-color:#e5e5c1;  scrollbar-track-color:#e5e5c1; scrollbar-arrow-color:#949472; scrollbar-3dlight-color:#f1f1df; scrollbar-darkshadow-color:#8b8b6b;
}
.todoitemsub {width:330px;}

.todolinks {text-align:right; margin:8px 0 0 0;}
.todolinks a {padding:0 0 0 10px;}

/*************************
		Static Pages
*************************/

.leftHeaderContent
{
	padding:19px 0px 5px 20px;
}

.leftHeaderContent img
{
	padding-left:10px;
}


/*************************
  Expandable Widgets Div
*************************/
.homeTopHolder #manage {margin:4px 0 6px 0; text-align:right;}
.homeTopHolder #manage a {color:#CA3231 !important;}
#expand {border:1px solid #d7d7d7; border-bottom:0;}
#expand #custom {background:url('../images/expand-bg.gif') repeat-x top center #f4f3f3;}
#expand #custom #content {padding:10px;}
#expand #custom #content p {font-size:1.1em; padding:8px 0 15px 4px;}
#expand #custom #content .options {background:#fff;}
#expand #custom #content .options ul {float:left; list-style-type:none; margin:0 0 0 0; padding:6px 0 6px 15px; background:#fff;}
#expand #custom #content .options ul li {display:block; margin:0; float:left; width:300px;}
#expand #custom #content .options ul li label {position:relative; top:-2px; padding:0 0 0 5px;}
#expand #custom #content #save {text-align:center; margin:8px 0 0 0;}
#expand #custom #content .addBtn {padding:8px;}
#expand #custombase {background:url('../images/expandbase-bg.gif') repeat-x top center #fff; height:18px;}
#expand #custom #content .line3 {clear:both; width:100%; background:url('../images/expand-line.gif') center center no-repeat; height:1px; overflow:hidden; padding:0; margin:0;}


/* ------------------ Shout Out ------------------ */
#shoutOut {position:absolute; top:74px; left:600px; height:276px; width:305px; overflow:hidden; font-size:1.0em; z-index:150; color:#333;}
#shoutOut .shouts {position:absolute; top:56px; left:30px; overflow:hidden;}
#shoutOut .shouts p {width:245px; padding:0 0 14px 0; height:40px; overflow:hidden;}
#shoutOut .shouts .seperator {height:1px; border-bottom:1px dotted #da3437; margin:0 0 14px 0; overflow:hidden; width:245px;}
#shoutOut .hideClose #switch {position:absolute; bottom:18px; right:46px; display:block;}
#shoutOut .hideClose #switch a {color:#333;}