﻿html, body
{
	margin: 0px 0px 0px 0px;
	background: #000000 url(../images/bg_base.gif) repeat-x top;
	font-family: Times New Roman, Serif;
	font-size: 14px;
	font-weight: normal;
}

h1
{
	display: block;
	font-family: Times New Roman, Serif;
	font-size: 28px;
	border-bottom: 2px solid #FF9595;
	color: #353575;
	clear: both;
}

img {border: 0px;}

h2 { font-family: Arial; font-size: 17px; font-weight: normal; color: #303030}
ul { list-style-type: square; font-family: Arial, Sans-Serif; font-size: 14px; color: #545454;}

/******************************************************************************************/

.Master
{
	width: 95%;
	background: #FFFFFF;
	border-left: 4px solid #000000;
	border-right: 4px solid #000000;
}

/******************************************************************************************/

#Today
{
	background: #001325;
	text-align: right;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 12px;
	color: #DFDFDF;
	padding: 6px 0px 5px 0px;
	height: 18px;
}

/******************************************************************************************/

#Logo {	background: #000050; }

/******************************************************************************************/

#LoggedIn
{
	position: relative;
	height: 165px;
	background: #FFFFFF url(../Images/bg_loggedin.jpg) no-repeat top left;
	font-family: Georgia, Arial;
	font-size: 12px;
	color: #F0F0F0;
	padding: 50px 0px 0px 7px;
}

#LoggedIn a {color: #F0F0F0; text-decoration: none;}
#LoggedIn a:hover {color: #FFFFFF; border-bottom: 1px dotted #FFFFFF}

/******************************************************************************************/

#Login
{
	position: relative;
	height: 165px;
	background: #FFFFFF url(../Images/bg_login.jpg) no-repeat top left;
	font-family: Georgia, Arial;
	font-size: 12px;
	color: #F0F0F0;
	padding: 50px 0px 0px 7px;
}

#Login input
{
	font-family: Verdana;
	font-size: 12px;
	color: #505050;
	border: 0px;
	width: 85px;
	height: 15px;
	text-align: center;
	text-transform: lowercase;
}

#Login .usernameTextTip { background: transparent url(../Images/buttons/text_username.jpg) no-repeat center; }
#Login .passwordTextTip { background: transparent url(../Images/buttons/text_password.jpg) no-repeat center; }
#Login a { color: #B0B5BB; }
#Login .buttonLogin {width: 148px; height: 16px; background: transparent url(../Images/buttons/login.jpg) top center no-repeat; position: absolute; top: 189px; left: 26px; cursor: pointer}
#Login .buttonLogin:hover {background-position: 0px -16px}

/******************************************************************************************/

#RemoteSupport
{
	position: relative;
	height: 165px;
	background: white url(../Images/bg_remotesupport.jpg) no-repeat top left;
	font-family: Georgia, Arial;
	font-size: 12px;
	color: #F0F0F0;
	padding: 50px 0px 0px 7px;
}

#RemoteSupport input
{
	font-family: Verdana;
	font-size: 12px;
	color: #505050;
	border: 0px;
	width: 85px;
	height: 15px;
	text-align: center;
}

#RemoteSupport .yourNameTextTip { background: transparent url(../Images/buttons/text_yourname.jpg) no-repeat center; }
#RemoteSupport .supportCodeTextTip { background: transparent url(../Images/buttons/text_supportcode.jpg) no-repeat center; }
#RemoteSupport a {color: #F0F0F0; text-decoration: none;}
#RemoteSupport a:hover {color: #FFFFFF; border-bottom: 1px dotted #FFFFFF}
#RemoteSupport .buttonRemote {width: 148px; height: 16px; background: transparent url(../Images/buttons/remotesupport.jpg) top center no-repeat; position: absolute; top: 189px; left: 26px; cursor: pointer}
#RemoteSupport .buttonRemote:hover {background-position: 0px -16px}

/******************************************************************************************/

#GotoMeeting
{
	position: relative;
	height: 165px;
	background: #FFFFFF url(../Images/bg_meeting.jpg) no-repeat top left;
	font-family: Georgia, Arial;
	font-size: 12px;
	color: #F0F0F0;
	padding: 50px 0px 0px 7px;
}

#GotoMeeting input
{
	font-family: Verdana;
	font-size: 12px;
	color: #505050;
	border: 0px;
	width: 175px;
	height: 15px;
	text-align: center;
}

#GotoMeeting .meetingidTextTip { background: transparent url(../Images/buttons/text_gotomeetingid.jpg) no-repeat center; }
#GotoMeeting a {color: #F0F0F0; text-decoration: none;}
#GotoMeeting a:hover {color: #FFFFFF; border-bottom: 1px dotted #FFFFFF}
#GotoMeeting .buttonMeeting {width: 148px; height: 16px; background: transparent url(../Images/buttons/joinmeeting.jpg) top center no-repeat; position: absolute; top: 189px; left: 26px; cursor: pointer}
#GotoMeeting .buttonMeeting:hover {background-position: 0px -16px}

/******************************************************************************************/

#Menu
{
	background: #CCCCCC;
}

#Menu .displace {position: absolute;left: -5000px;}

#Menu .home {border:0px;display: block;width:155px;height:30px;background:url('/images/buttons/home.jpg')}
#Menu .home:hover {background-position: -155px 0}
#Menu .aboutUs {border:0px;display: block;width:155px;height:30px;background:url('/images/buttons/aboutus.jpg')}
#Menu .aboutUs:hover {background-position: -155px 0}
#Menu .solutions {border:0px;display: block;width:155px;height:30px;background:url('/images/buttons/solutions.jpg')}
#Menu .solutions:hover {background-position: -155px 0}
#Menu .computers {border:0px;display: block;width:155px;height:30px;background:url('/images/buttons/computers.jpg')}
#Menu .computers:hover {background-position: -155px 0}
#Menu .software {border:0px;display: block;width:155px;height:30px;background:url('/images/buttons/software.jpg')}
#Menu .software:hover {background-position: -155px 0}
#Menu .networking {border:0px;display: block;width:155px;height:30px;background:url('/images/buttons/networking.jpg')}
#Menu .networking:hover {background-position: -155px 0}
#Menu .customSoftware {border:0px;display: block;width:155px;height:30px;background:url('/images/buttons/customsoftware.jpg')}
#Menu .customSoftware:hover {background-position: -155px 0}
#Menu .webDesign {border:0px;display: block;width:155px;height:30px;background:url('/images/buttons/web.jpg')}
#Menu .webDesign:hover {background-position: -155px 0}
#Menu .support {border:0px;display: block;width:155px;height:30px;background:url('/images/buttons/support.jpg')}
#Menu .support:hover {background-position: -155px 0}
#Menu .contact {border:0px;display: block;width:155px;height:30px;background:url('/images/buttons/contact.jpg')}
#Menu .contact:hover {background-position: -155px 0}

#Menu img
{
	border: 0px;
	display: block;
}


/******************************************************************************************/

#Highlights
{
	height: 100%;
	overflow: visible;
	color: #D5D5D5;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	background: #004662 url(../Images/header_highlights.jpg) no-repeat top left;
	padding: 35px 5px 10px 8px;
}

#Highlights a
{
	color: #F7941D;
	font-weight: bold;
	text-decoration: none;
	border-left: 5px solid #F7941D;
	padding-left: 3px;
}
#Highlights .pubDate
{
	font-size: 9px;
}

/******************************************************************************************/

#SitePath 
{
	background: #001325;
	color: #D0D0D0;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	padding: 5px 8px 5px 0px;
	height: 19px;
}

#SitePath img 
{
	border: 0px;
	margin-left: 10px;
}

#SitePath .breadCrumb, .breadCrumbCurrent
{
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 11px;
	color: #DFDFDF;
	border: 1px solid #001325;
	padding: 3px 3px 4px 3px;
	text-decoration: none;
}

#SitePath .breadCrumb:hover
{
	border: 1px solid gray;
	background: #353535;
}

#SitePath .breadCrumbCurrent
{
	color: White;
	font-weight: bold;
}

/******************************************************************************************/

#SectionInformation
{
	height: auto;
	padding: 2px 10px 6px 10px;
}

#SectionInformation p, ul
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #404040;
}

#SectionInformation li
{
	display: block;
	list-style-type: none;
	margin: 0px 0px 3px -40px;
}

#SectionInformation a 
{
	text-decoration: none;
	color: #404040;
}

#SectionInformation a:hover
{
	border-bottom: 1px dotted darkblue;
}

#SectionInformation .tabTopics, .tabFAQs, .tabSearch
{
	width: 100%;
	height: auto;
	min-height: 150px;
	overflow: auto;
	padding-bottom: 8px;
}

#SectionInformation li {background: url(/images/topicarrow.png) left center no-repeat; padding-left: 8px;}

#SectionInformation .tabTopics {background: transparent url(../Images/glyphs/topics.png) no-repeat top right;}
#SectionInformation .tabFAQs {background: transparent url(../Images/glyphs/faqs.png) no-repeat top right;}
#SectionInformation .tabFAQs div {display: none; border-top: 1px dotted #505050}
#SectionInformation .tabSearch {background: transparent url(../Images/glyphs/search.png) no-repeat top right;}

/******************************************************************************************/

#SearchResults .searchResult {border-bottom: 1px solid rgb(214,220,221); padding-bottom: 10px;}
#SearchResults .docTitle {font-weight: bold;}
#SearchResults .url {font-size: 10px; color: #202020;}
#SearchResults .abstract {font-size: 11px;}
#SearchResults .termHighlight {font-size: 11px; font-weight: bold; background: yellow;}

/******************************************************************************************/

#Content
{
	margin: 10px 0px 10px 0px;
	padding: 0px 30px 0px 15px;
}

#Content p, .contentText
{
	font-family: Georgia, Times New Roman, Serif;
	font-size: 14px;
	text-align: justify;
	color: #545454;
}

/*
#Content p:first-letter
{
	font: 22px bold Georgia, "Times New Roman";
	padding-right: 1px;
	text-indent: 15px;
	text-transform:capitalize;
}
*/

#Content a
{
	text-decoration: none;
	color: #545454;
	font-weight: bold;
	border-bottom: 1px dotted #a0a0a0;
}

#Content ul { list-style-type: square; font-family: Arial, Sans-Serif; font-size: 14px; color: #545454;}

/******************************************************************************************/

#BottomMenu
{
	height: 21px;
	background: #DAE0E7 url(../Images/bg_bottom.gif) top left repeat-x;
	color: #004662;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	padding: 8px 0px 0px 15px;
}

#BottomMenu a
{
	background: url(../Images/dotseparator.gif) center right no-repeat;
	color: #004662;
	padding: 1px 15px 1px 5px;
	text-decoration: none;
}
#BottomMenu a:hover
{
	color: #000000;
}
#BottomMenu a:visited
{
	color: #004662;
}

/******************************************************************************************/

#Copyright
{
	height: 31px;
	background: #00425C url(../Images/bg_copyright.gif) top left repeat-x;
	color: #809EAB;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	padding: 20px 0px 0px 20px;
}

/******************************************************************************************/

.textTipOff
{
	background: transparent;
}

.errorText
{
	color: #990000;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 16px;
}

.pageTitle
{
	background: transparent url(/images/2.jpg) top right no-repeat;
	padding: 2px 17px 0px 0px;
	font-family: Times New Roman, Serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	color: #999999;
}	

.externalLink
{
	background: url(/images/external_link.png) top right no-repeat;
	padding-right: 13px;
}

.smallNote 
{
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 10px;
	color: #757575;
	font-style: italic;
}