/* Headers*/
body { color:  #295472; }
h1 { font-size: 14pt; color: #295472; margin-top: 0px; margin-bottom: 20px; }
h2 { font-size: 11pt; color: #295472; margin-bottom: 10px; margin-top: 10px; }

fieldset { padding: 10px 15px 15px 15px; margin-top: 0px;   }
legend { font-size: 11pt; font-weight: bold; color: #295472; margin-bottom: 10px;}

table { text-align: left; }
table tr th  { vertical-align: top; font-weight: bold; padding-top: 7px; text-align:left; } 
table tr td { vertical-align: top; }
table tr td.FieldName {  display: block; font-weight: bold; width: 150px; }

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

/* Form elements*/
.button { font-weight: bold; color: White;  cursor: pointer; border: solid 1px #295472; background-color: #42658f;  }

/* ------------------ Confirmations, Errors, Notifications -----------------------------*/

div.error {border: solid 1px #f00;  padding: 1px;  margin-bottom: 5px;}
div.error span { display: block; background: #f00; color: White; padding: 4px 5px;}

div.success {border: solid 1px #3c8334;  padding: 1px; margin-bottom: 5px;}
div.success span {display: block; background: #3c8334; color: White; padding: 4px 5px}

div.confirmation { border: solid 1px #30537d; padding: 1px; margin-bottom: 5px; font-size:9pt; }
div.confirmation span {display: block; background: #30537d; color: #fff; padding: 4px 5px; }
div.confirmation a {color: #bbc4ca; }

div.notification {border: solid 1px #c6d0de;  padding: 1px; margin-bottom: 5px; font-size:9pt;} /*d6f0f3*/
div.notification span {display: block; background: #c6d0de; color: #000;  padding: 4px 5px}

div.description { color: Silver; display: inline-block; font-size:  8pt; }

/* ------------------------------------------------------------------------------*/
.nbList { margin: 0px; padding: 0px; list-style-type: none; }   

/*  Container */
div.container { margin-bottom: 10px; }
div.container div.ch { background-color: #849198;  color: White; padding: 2px 10px; cursor: pointer; font-weight: bold; height:18px; }
div.container div.ch div { width: 200px; float: left; }
div.container div.ch div img { float: left;	margin: -2px 5px 0px 0px; }
div.container div.ch img {	float: right; }
div.container div.cbc {	border: solid 1px #849198; border-bottom: none; border-top: none; padding: 10px; padding-bottom: 0px; }
div.container div.cbc a { text-decoration: none;	 }
div.container div.cbc a:hover { text-decoration: underline; }

div.hidden { 	display: none; }

/* Quick Search */
input.search { padding: 0px; }
input.searchActive {padding: 0px; }

/* Profile Menu --------------------------------*/
div#Menu a { text-decoration: none;	color: Black;}
div#Menu a:hover {	text-decoration: underline; }

/* List of people in Profile and Search results */
div#Menu img { float: left;	margin-left: 5px;}
div.Info { margin: 5px 0px; border:solid 1px Silver; 	padding: 10px; }
div.SearchTerms {	width: 100%;}
div.SearchTerms span{  	display: inline-block; 	margin-right: 15px; 	margin-bottom: 10px; 	padding: 4px; 	border: solid 1px Silver;}
.menu {	width: 202px;	overflow: visible;	margin-top: 20px;}

ul.commandButtons {	margin: 0px;	padding: 0px;	list-style-type: none;}
ul.commandButtons li {	float: left;	margin-right: 10px;}
ul.commandButtons li a {	color: #092b3f;	text-decoration: none;}
ul.commandButtons li a img {	vertical-align: middle;}

/* Login Area */
div.loginArea { width: 384px; height: 137px; padding: 8px 8px; background: url(../../Resources/Images/loginBG.png) no-repeat; margin:auto 0 100px; color: #0b2e42; }
div.loginArea div.loginTemplate {border: solid 1px #afc2d5; margin-bottom: 8px;}
div.loginArea div.loginTemplate div.loginHead { padding: 4px; background-color: #e4edf5; border-bottom: solid 1px #afc2d5; text-align: left;}
div.loginArea div.loginTemplate div.loginBody  { padding: 10px; text-align: center;}
div.loginArea div.loginTemplate div.loginBody input { border: solid 1px #a1abb6; padding: 2px;}
div.loginArea div.loginTemplate div.loginBody table  { margin: 0px auto; text-align: right;}
div.loginArea div.loginTemplate div.loginBody table tr td.fieldname { padding-top: 4px;}
div.loginArea div.loginTemplate div.loginBody table tr td { padding: 1px;}
div.loginArea a {color :#0b2e42; text-decoration: none; font-size: 8pt;}

.updateInProgress { position: absolute; top: 0px; left:0px; font-weight: bold; padding: 2px 8px;}

/* BOX */
.box { }
.box .t { background-color: #092c3f; color: #bbc4ca; }
/*.box .t .tl { width: 18px; height: 18px; background: url(../../Resources/Images/box_lt.gif) no-repeat; float: left; }
.box .t .tm { height: 17px; border-top: solid 1px #849198; }
.box .t .tr { width: 18px; height: 18px; background: url(../../Resources/Images/box_rt.gif) no-repeat;  float: right; margin-top: -18px; }
*/

.box .t .tl { width: 18px; height: 34px; background: url(../../Resources/Images/box_lt2.gif) no-repeat; float: left; }
.box .t .tm { height: 18px; padding: 8px 18px 8px 0px; font-weight: bold; }
.box .t .tm a {color: #bbc4ca;}
.box .t .tr { width: 18px; height: 34px; background: url(../../Resources/Images/box_rt2.gif) no-repeat;  float: right; margin-top: -34px; }
.box .m { border-left: solid 1px #849198; border-right: solid 1px #849198; padding: 18px 18px 0px 18px; }

.box. b { }
.box .b .bl { width: 18px; height: 18px; background: url(../../Resources/Images/box_lb.gif) no-repeat; float: left; }
.box .b .bm { height: 17px; border-bottom: solid 1px #849198; }
.box .b .br { width: 18px; height: 18px; background: url(../../Resources/Images/box_rb.gif) no-repeat;  float: right; margin-top: -18px;}

/* NAVIGATION*/
div.menu { width: 202px; margin-top: 0px; }
div.menu div.head { background: url(../../Resources/Images/mhBG.gif) no-repeat; width: 202px; height: 26px; margin-top: 0px; padding-top: 8px; color: #bbc4ca; text-align: center; font-weight: bold;	}
div.menu div.head a {color: #bbc4ca;}
div.menu div.items { border-left: solid 1px #849198; border-right: solid 1px #849198; padding: 15px 8px 0px 8px; }
div.menu div.bottom { height: 18px; width: 202px; }
div.menu div.bottom div.left { float: left; height: 18px; width: 18px; background: url(../../Resources/Images/box_lb.gif) no-repeat; }
div.menu div.bottom div.mid  { float: left; width: 166px; height: 17px; border-bottom: solid 1px #849198; margin-left: -20px; }
div.menu div.bottom div.right { float: right; height: 18px; width: 18px; background: url(../../Resources/Images/box_rb.gif) no-repeat;	}

/* GRIDVIEW -----------------------------------------------------------------------------------------------------------------------------------------------*/
.gridView { border: solid 1px silver;}
.rowStyle td { border-bottom: solid 1px Silver;  }
.headerStyle { background-color: #a5bad3; text-align: left; color: #295472;  }
.headerStyle th a { color: #295472; text-decoration: none;  }
.headerStyle th a:hover { text-decoration: underline; }
.footerStyle { }
.footerStyle td { border-bottom: solid 1px Silver; }
.pagerStyle { color: #046281; text-align: center; font-weight:bold;}
.pagerStyle a { font-weight:normal}
.pagerStyle > td { border-bottom: solid 1px Silver;  }
.alternatingRowStyle  td { background-color: #f1f6fb; border-bottom: solid 1px Silver;  }
div.emptyDataRowStyle { padding: 15px;  background-color: #f1f6fb; border: solid 1px #295472; text-align: center; }
tr.emptyDataRowStyle td { padding: 15px;  background-color: #f1f6fb; border: solid 1px #295472; text-align: center; }

/* INBOX */
.inboxSelectedRowStyle { background-color: #c6d0de; }
.inboxMouseOverRowStyle { background-color: #c6d0de; }
.inboxHeaderStyle th { font-weight: bold; color: #fff; background-color: #295472; padding: 2px 0px; }

/*CONTACT LIST*/
div.contactListSmall { width: 250px; height: 200px; border: solid 1px Gray; padding: 10px;  }
div.contactListSmall div {  height:  175px; overflow:auto; border: solid 1px silver; }
div.contactListSmall table { border: none; }
div.contactListSmall table tr td { border: none; cursor: pointer; }
div.contactListSmall table tr.rowStyle td { padding: 4px; background-color: #fff; }
div.contactListSmall table tr.selectedRowStyle td { padding: 4px; background-color: #c6d0de; }
div.contactListSmall table tr.mouseOverRowStyle td { padding: 4px; background-color: #c6d0de; }
 
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* List of contacts ans search results */
table.pager { clear: both; margin: 0px; width: 100%; }
table.pager a { font-size: 10pt; font-weight: bold; text-decoration: none; color: #000; }
table.pager img { vertical-align: middle; border: 0px; }
table.pager td.goToPage { text-align: right; width:150px; }

/* Edit Profile tabs*/
ul.editProfileTabs { display: block;  margin: 0px; padding: 0px;}
ul.editProfileTabs li { float: left; list-style-type: none;  }
ul.editProfileTabs li a { display: block; margin:  8px 0px 0px 35px ; color: #fff; font-weight: bold; }
ul.editProfileTabs li.usEducation { width:  125px; height: 32px; background: url(../../Resources/Images/tabEduBg.gif) no-repeat; }
ul.editProfileTabs li.work { width:  125px; height: 32px; background: url(../../Resources/Images/tabWorkBg.gif) no-repeat; }
ul.editProfileTabs li.interests { width:  130px; height: 32px; background: url(../../Resources/Images/tabInterestBg.gif) no-repeat; }
ul.editProfileTabs li.personal { width:  125px; height: 32px; background: url(../../Resources/Images/tabPersonalBg.gif) no-repeat; }

/* CLEAR */
.clear { clear: both; }

/* TABS */
div.tabs ul { margin: 0px; padding: 0px; list-style-type: none; display: block; }
div.tabs ul li { float: left; }

/*Modal Popup */
.modalBackground
{
    background-color: White;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup
{
    background-color: #dff3fe;
    border: 3px solid Gray;
    padding: 3px;
    width:300px;
}

/*twitter */
#twitter
{
    width:100%;
    color:Black;
    font-size:9pt;
}