﻿html, body
{
	margin: 0;
	height: 100%;
	background-color: #eaeaea;
	font-size: 85%;
	font-weight: normal;
	font-family: "Arial" , "Helvetica" , san-serif;
	line-height: 1.2em;
	color: #18297B;
	background-image: url(../images/background_color.gif);
	background-repeat: repeat-y;
	background-position: center;
}

a
{
	text-decoration: none;
	color: #18297B;
	cursor: pointer;
}

a:hover
{
	text-decoration: none;
	color: #A3A9CA;
}

a.contextuallink
{
	text-decoration: underline;
}

.sectionHeader
{
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
}

.sectionHeaderNoItalic
{
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
}

.customerHeader
{
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 10px;
}

p
{
	margin: 0 0 0.6em 0;
	padding: 0 0 0 0;
}

#container
{
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	padding: 0;
	width: 1003px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treated as min-height*/
	min-height: 100%;
	border: 0;
	background-image: url("../images/background_color.gif");
	background-repeat: repeat-y;
}


/* --------------------- header start -------------------------- */

#top
{
	margin: 0;
	padding: 0;
	width: 1003px;
	height: 26px;
	background-image: url("../images/top.gif");
	background-repeat: no-repeat;
}

#secondarynavigationcontainer
{
	margin: 0 0 0 15px;
	padding: 0;
	width: 973px;
	height: 75px;
	float: left;
}

#logo
{
	margin: 0 0 0 15px;
	padding: 0;
	width: 213px;
	height: 64px;
	float: left;
}

#secondarynavigation
{
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
	width: 700px;
	float: right;
	height: 70px;
}


#menu
{
	margin: 0 0 0 15px;
	padding: 0;
	width: 973px;
	height: 29px;
	background-color: #33418A;
	float: right;
}

#secondarymenuwithoutwelcomeinternal
{
	padding: 0;
	margin: 0 10px 0 0;
	float: right;
	list-style-type: none;
}

#secondarymenuwithoutwelcomeinternal li
{
	display: inline;
}

#secondarymenuwithoutwelcomeinternal li span
{
	padding: 5px 5px 0 0;
	text-decoration: none;
	float: left;
	text-align: center;
	height: 19px;
}

#secondarymenuwithoutwelcomeinternal li a
{
	padding: 5px 0 0 8px;
	text-decoration: none;
	float: left;
	text-align: center;
	height: 19px;
}

#secondarymenuwithoutwelcomeinternal li.secondarydashes
{
	padding: 0 0 0 0;
	float: left;
	background-image: url("../images/dashed_line.gif");
	background-repeat: no-repeat;
	height: 19px;
	width: 7px;
}

#secondarymenuwithoutwelcome
{
	padding: 0;
	margin: 0 0 0 419px;
	list-style-type: none;
}

#secondarymenuwithoutwelcome li
{
	display: inline;
}

#secondarymenuwithoutwelcome li a
{
	padding: 0;
	text-decoration: none;
	float: left;
	width: 100px;
	text-align: center;
}

#secondarymenuwithoutwelcome li a.home
{
	padding: 5px 0 0 0;
	text-decoration: none;
	float: left;
	text-align: center;
	height: 19px;
	width: 55px;
}

#secondarymenuwithoutwelcome li a.site
{
	padding: 5px 0 0 0;
	text-decoration: none;
	float: left;
	text-align: center;
	height: 19px;
	width: 65px;
}

#secondarymenuwithoutwelcome li a.links
{
	padding: 5px 0 0 0;
	text-decoration: none;
	float: left;
	text-align: center;
	height: 19px;
	width: 55px;
}

#secondarymenuwithoutwelcome li a.downloads
{
	padding: 5px 0 0 0;
	text-decoration: none;
	float: left;
	text-align: center;
	height: 19px;
	width: 85px;
}

#secondarymenuwithoutwelcome li.secondarydashes
{
	padding: 0 0 0 0;
	float: left;
	background-image: url("../images/dashed_line.gif");
	background-repeat: no-repeat;
	height: 19px;
	width: 7px;
}




#secondarymenu
{
	padding: 0;
	margin: 0 0 0 270px;
	list-style-type: none;
}

#secondarymenu li
{
	display: inline;
}

#secondarymenu li a
{
	padding: 0;
	text-decoration: none;
	float: left;
	width: 100px;
	text-align: center;
}

#secondarymenu li a.home
{
	padding: 5px 0 0 0;
	text-decoration: none;
	float: left;
	text-align: center;
	height: 19px;
	width: 55px;
}

#secondarymenu li a.site
{
	padding: 5px 0 0 0;
	text-decoration: none;
	float: left;
	text-align: center;
	height: 19px;
	width: 65px;
}

#secondarymenu li a.links
{
	padding: 5px 0 0 0;
	text-decoration: none;
	float: left;
	text-align: center;
	height: 19px;
	width: 55px;
}

#secondarymenu li a.downloads
{
	padding: 5px 0 0 0;
	text-decoration: none;
	float: left;
	text-align: center;
	height: 19px;
	width: 85px;
}

#secondarymenu li a.welcome
{
	padding: 5px 0 0 30px;
	text-decoration: none;
	float: left;
	color: #A3A9CA;
	text-align: center;
	height: 19px;
	width: 105px;
}

#secondarymenu li a:hover.welcome
{
	color: #18297B;
}

#secondarymenu li.welcomeicon
{
	padding: 5px 0 0 0;
	float: left;
	background-image: url("../images/welcome_icon.gif");
	background-repeat: no-repeat;
	height: 19px;
	width: 12px;
}

#secondarymenu li.secondarydashes
{
	padding: 0 0 0 0;
	float: left;
	background-image: url("../images/dashed_line.gif");
	background-repeat: no-repeat;
	height: 19px;
	width: 7px;
}

#solutions
{
	margin: 45px 0 0 310px;
	padding: 0;
	width: 378px;
	height: 16px;
}

#middle
{
	margin: 0 0 0 15px;
	padding: 0;
	width: 973px;
	height: 34px;
	background-image: url("../images/middle.gif");
	background-repeat: no-repeat;
	float: left;
}

#menu
{
	margin: 0 0 0 15px;
	padding: 0;
	width: 973px;
	height: 29px;
	background-color: #33418A;
	float: left;
}

.sitemaplinks
{
	text-decoration: none;
}

.sitemap1
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

.sitemap2
{
	margin: -15px 0 0 125px;
	padding: 0 0 0 0;
	list-style: none; /*color: #535A9B;*/
}

.sitemap3
{
	margin: -15px 0 0 160px;
	padding: 0 0 0 0;
	list-style: none;
}

.sitemap4
{
	margin: -15px 0 0 160px;
	padding: 0 0 0 0;
	list-style: none;
}

.sitemapline
{
	width: 550px;
	height: 1px;
	margin: 5px 0 5px 0;
	background-image: url("../images/bluespacer.gif");
	background-repeat: repeat-x;
}

.sitemapline2
{
	width: 90px;
	height: 1px;
	margin: 5px 0 5px 0;
	background-image: url("../images/bluespacer.gif");
	background-repeat: repeat-x;
}

.sitemapline3
{
	width: 440px;
	height: 1px;
	margin: 5px 0 5px -175px;
	background-image: url("../images/bluespacer.gif");
	background-repeat: repeat-x;
	list-style: none;
}

.sitemapline4
{
	width: 280px;
	height: 1px;
	margin: 5px 0 5px -175px;
	background-image: url("../images/bluespacer.gif");
	background-repeat: repeat-x;
	list-style: none;
}

.caveat
{
	font-size: 0.9em;
	margin-top: 70px;
}

.swainstext
{
	color: #a3a9ca;
	font-size: 20px;
	line-height: 20px;
	float: right;
	margin-top: 0px;
	margin-left: 20px;
}

/* --------------------- header end -------------------------- */



/* --------------------- menu start -------------------------- */

.menu
{
	margin-left: 0px;
}

.menuItem
{
	margin: 0;
	color: #FFFFFF;
}

.menuItem a:link, .menuItem a:visited
{
	background: none;
}

.menuItem td
{
	color: #FFFFFF;
	border-right: #A3A9CA 1px solid;
	text-align: center;
	padding: 0px;
	text-decoration: none;
}

.menuItem a:hover
{
	margin: 0;
	color: #FFFFFF;
}

.menuItemHover
{
	text-decoration: underline;
}

.menuSelectedItem
{
}

.menuPopup
{
	margin-left: 0px;
	margin-top: 1px;
	padding: 1px 3px 1px 3px;
	background: url("../images/dot.gif") repeat;
}

.IE8MenuFix
{
	z-index: 10;
}

.menuPopupItem a:link, .menuPopupItem a:visited
{
	display: block !important;
	background: none;
	text-decoration: none;
}

.menuPopupItem
{
	background-color: #A3A9CA;
	color: #FFFFFF;
	line-height: 20px;
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	text-decoration: none;
}

.menuPopupItem a
{
	padding-right: 30px;
	text-decoration: none;
}

.menuPopupItemHover
{
	line-height: 20px;
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #535a9b;
	text-decoration: none !important;
}

.menuPopupItemHover a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.menuInternal
{
	margin: 0;
	text-decoration: none;
}

.menuItemInternal a:link, .menuItem a:visited
{
	background: none;
}

.menuItemInternal
{
	margin: 0;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 12px;
}

.menuItemInternal td
{
	color: #FFFFFF;
	text-align: center;
	padding: 8px 12px 8px 12px;
	text-decoration: none;
}

.menuItemInternal a:hover
{
	margin: 0;
	color: #FFFFFF;
}

.menuItemHoverInternal
{
	background-color: #535a9b;
}

.menuSelectedItemInternal
{
}

.menuPopupInternal
{
	margin-left: 0px;
	margin-top: -3px;
	padding: 4px 3px 4px 3px;
	background: url("../images/dot.gif") repeat;
}

.menuPopupItemInternal a:link, .menuPopupItem a:visited
{
	display: block !important;
	background: none;
	text-decoration: none;
}

.menuPopupItemInternal
{
	background-color: #A3A9CA;
	color: #FFFFFF;
	line-height: 20px;
	padding: 1px 4px 1px 4px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	text-decoration: none;
}

.menuPopupItemInternal a
{
	padding-right: 30px;
}

.menuPopupItemHoverInternal
{
	line-height: 20px;
	padding: 1px 4px 1px 4px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #535a9b;
}

.menuPopupItemHoverInternal a:hover
{
	color: #FFFFFF;
}

/* --------------------- menu end -------------------------- */



/* --------------------- primary navigation start -------------------------- */

div#navcontainer
{
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	width: 958px;
	height: 29px;
	font-size: 1.08em;
	background: url("../images/menu_background.gif");
	background-repeat: no-repeat;
	color: #ffffff;
	float: left;
}

img
{
	border: 0;
}

#liaboutwidth
{
	width: 67px;
}

#lisolutionswidth
{
	width: 89px;
}

#lisecureareawidth
{
	width: 89px;
}

#lipartnerswidth
{
	width: 85px;
}

#liextrawidth
{
	width: 185px;
}

.horizontalcssmenu ul noscript ul
{
	width: 67px;
	font-size: 0.9em;
	margin-left: 0px;
	list-style-type: none;
}

.horizontalcssmenu ul noscript ul li
{
	margin-left: 0px;
}

#coloredmenuband
{
	height: 22px;
	width: 973px;
	margin: 0 0 0 15px;
	background-color: #19297B;
	float: left;
}

/* --------------------- primary navigation end -------------------------- */




/* --------------------- banner start -------------------------- */

#banner3
{
	width: 988px;
	height: 252px;
	margin: 0 0 0 15px;
	color: #FFFFFF;
	padding: 0 0 0 0;
	font-size: 1.15em;
	line-height: 1.05em;
	float: left;
	position: relative;
	z-index: 1;
}

#banner4
{
	width: 988px;
	height: 252px;
	background-image: url("../images/swainsflash.swf");
	background-repeat: no-repeat;
	margin: 0 0 0 8px;
	color: #FFFFFF;
	padding: 0 0 0 0;
	font-size: 1.15em;
	line-height: 1.05em;
	float: left;
	position: relative;
	z-index: 0;
	background-color: #00CC00;
}

#banner
{
	width: 973px;
	height: 252px;
	background-image: url("../images/banner_image.jpg");
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	color: #FFFFFF;
	padding: 0 0 0 0;
	font-size: 1.15em;
	line-height: 1.05em;
	float: left;
}

#banner2
{
	width: 948px;
	height: 117px;
	background-image: url("../images/banner_image_2.jpg");
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 25px;
	font-size: 1.15em;
	line-height: 1.05em;
	float: left;
}

#banner2about
{
	width: 948px;
	height: 117px;
	background-image: url("../images/banner_image_2.jpg");
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 25px;
	font-size: 1.15em;
	line-height: 1.05em;
	float: left;
}

#banner2solutions
{
	width: 948px;
	height: 117px;
	background-image: url("../images/banner_image_2.jpg");
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 25px;
	font-size: 1.15em;
	line-height: 1.05em;
	float: left;
}

#banner2partners
{
	width: 948px;
	height: 117px;
	background-image: url("../images/banner_image_2.jpg");
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 25px;
	font-size: 1.15em;
	line-height: 1.05em;
	float: left;
}

#banner2news
{
	width: 948px;
	height: 117px;
	background-image: url("../images/banner_image_2.jpg");
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 25px;
	font-size: 1.15em;
	line-height: 1.05em;
	float: left;
}

#bannerheading
{
	width: 420px;
	height: 50px;
	margin: -40px 20px 0 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	font-size: 2em;
	text-align: right;
	float: right;
	line-height: 2em;
}

#bannerheading2
{
	width: 420px;
	height: 50px;
	margin: 63px 20px 0 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	font-size: 2em;
	text-align: right;
	float: right;
	line-height: 2em;
}

/* --------------------- banner end -------------------------- */




/* --------------------- features start -------------------------- */


#featuresoutercontainer
{
	width: 973px;
	height: 208px;
	background-image: url("../images/features_background.gif");
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	float: left;
}

#latestnewsheading
{
	width: 130px;
	margin: 24px 0 0 20px;
	padding: 0 20px 0 8px;
}

.featurescol1
{
	width: 131px;
	margin: 0 0 0 28px;
	padding: 10px 10px 0 10px;
	font-size: 0.95em;
	line-height: 1.1em;
	height: 70px;
	float: left;
}

.featurescol2
{
	width: 139px;
	margin: 0 0 0 0px;
	padding: 10px 0 0 10px;
	font-size: 0.95em;
	line-height: 1.1em;
	height: 70px;
	float: left;
}

.featurescol3
{
	width: 139px;
	padding: 10px 0 0 10px;
	font-size: 0.95em;
	line-height: 1.1em;
	height: 70px;
	float: left;
}

#leftcolumnsolutions
{
	width: 140px;
	margin: 60px 0 0 55px;
	padding: 0;
	float: left;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.4em;
}

#middlecolumnsolutions
{
	width: 141px;
	margin: 60px 0 0 0;
	padding: 0;
	float: left;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.4em;
}

#rightcolumnsolutions
{
	width: 141px;
	margin: 60px 19px 0 0;
	padding: 0;
	float: left;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.4em;
}

#goboxcontainer
{
	width: 954px;
	height: 35px;
	clear: left;
}

#gobox1
{
	margin: 0 0 0 35px;
}

#gobox2
{
	margin: 0 0 0 122px;
}

#gobox3
{
	margin: 0 0 0 122px;
}

#gobox4
{
	margin: 0 0 0 270px;
}

#gobox5
{
	margin: 0 0 0 110px;
}

#gobox6
{
	margin: 0 0 0 110px;
}

/* --------------------- features end -------------------------- */






/* --------------------- content start -------------------------- */

.boldlink
{
	font-size: 14px;
	font-weight: bold;
}

.contentholderheader, .contentholderheader2
{
	width: 973px;
	min-height: 57px;
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
	background-image: url("../images/intro_background_2.gif");
	background-repeat: no-repeat;
	background-color: #C1C5DB;
}

#contentholder
{
	width: 963px;
	min-height: 250px;
	margin: 0 0 0 15px;
	padding: 5px;
	float: left;
	background-color: #D6D8E7;
}

.titletext
{
	position: relative;
	top: 23px;
	left: 20px;
	color: #33418A;
	font-size: 14px;
}

.formMaster
{
	font-weight: normal;
	font-family: "Arial" , "Helvetica" , san-serif;
	width: 100%;
	height: 100%;
}

#contentoutercontainerpublic
{
	width: 973px;
	height: auto;
	min-height: 308px;
	margin: 0 0 0 15px;
	padding: 0 0 10px 0;
	float: left;
	background-color: #D6D8E7;
}

#contentoutercontainerlogin
{
	width: 973px;
	height: auto;
	min-height: 308px;
	margin: 0 0 0 0px;
	padding: 0 0 10px 0;
	float: left;
	background-image: url("../images/intro_background.gif");
	background-repeat: no-repeat;
	background-color: #D6D8E7;
}

#contentoutercontainer
{
	width: 973px;
	height: auto;
	min-height: 308px;
	margin: 0 0 0 15px;
	padding: 0 0 10px 0;
	float: left;
	background-image: url("../images/intro_background.gif");
	background-repeat: no-repeat;
	background-color: #D6D8E7;
}

#contentoutercontainernointro
{
	width: 973px;
	min-height: 308px;
	margin: 0 0 0 15px;
	padding: 0 0 10px 0;
	float: left;
	background-image: url("../images/intro_background_2.gif");
	background-repeat: no-repeat;
	background-color: #D6D8E7;
}

.contentcol1public
{
	width: 322px;
	margin: 0 0 0 20px;
	padding: 0 10px 0 0;
	font-size: 0.85em;
	line-height: 1.35em;
	float: left; /*background-color: #660000;*/
}

.contentcol1
{
	width: 322px;
	margin: 0 0 0 20px;
	padding: 0 10px 0 0;
	font-size: 0.95em;
	line-height: 1.35em;
	float: left; /*background-color: #660000;*/
}

.contentcol1and2
{
	width: 504px;
	margin: 0 0 0 20px;
	padding: 0 10px 0 0;
	font-size: 0.95em;
	line-height: 1.35em;
	float: left; /*background-color: #660000;*/
}

.contentcol1and2wide
{
	width: 564px;
	margin: 0 0 0 20px;
	padding: 0 10px 0 0;
	font-size: 0.95em;
	line-height: 1.35em;
	float: left; /*background-color: #660000;*/
}


.contentcol2
{
	width: 322px;
	margin: 182px 0 0 0;
	padding: 0 10px 0 0;
	font-size: 0.95em;
	line-height: 1.35em;
	float: left; /*background-color: #990000;*/
}

.contentcol2nointro
{
	width: 322px;
	margin: 63px 0 0 0;
	padding: 0 10px 0 0;
	font-size: 0.95em;
	line-height: 1.35em;
	float: left; /*background-color: #990000;*/
}

.contentcol3
{
	width: 279px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 0.95em;
	line-height: 1.35em;
	float: right; /*background-color: #cc0000;*/
}

.contentcol3b
{
	width: 279px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 0.95em;
	line-height: 1.35em;
	float: right; /*background-color: #cc0000;*/
}

#introheading
{
	width: 315px;
	height: 42px;
	margin: 0 0 0 0;
	padding: 22px 0 0 0; /*background-color: #999999;*/
}

h1
{
	font-size: 1.35em;
	font-weight: normal;
	margin: 0 0 0 0;
}

h2
{
	font-size: 1em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h3
{
    font-size: 1em;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #33418A;
}


#introtext1line
{
	width: 315px;
	margin: 88px 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
	line-height: 1.05em;
	height: 30px; /*background-color: #999999;*/
}

#introtext2lines
{
    width: 315px;
    margin: 76px 0 0 0;
    padding: 0 0 0 0;
    font-size: 1.2em;
    line-height: 1.05em;
    height: 42px; /*background-color: #999999;*/
}

#introtext4lines
{
	width: 315px;
	margin: 45px 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
	line-height: 1.05em;
	height: 73px; /*background-color: #999999;*/
}

#introtext5lines
{
	width: 315px;
	margin: 35px 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
	line-height: 1.05em;
	height: 83px; /*background-color: #999999;*/
}

#introtext6lines
{
	width: 315px;
	margin: 23px 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
	line-height: 1.05em;
	height: 95px; /*background-color: #999999;*/
}

#introtext7lines
{
	width: 315px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
	line-height: 1.05em;
	height: 108px; /*background-color: #999999;*/
}

#introtext8lines
{
	width: 315px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
	line-height: 1.05em;
	height: 118px; /*background-color: #999999;*/
}

#bodytextcol1
{
	width: 315px;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	font-size: 1.1em; /*background-color: #00FF66;*/
}

#bodytextcol1and2
{
	width: 490px;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	font-size: 1.1em; /*background-color: #00FF66;*/
}

#bodytextcol1and2wide
{
	width: 550px;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	font-size: 1.1em; /*background-color: #00FF66;*/
}

#bodytextcol2
{
	width: 315px;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	font-size: 1.1em; /*background-color: #00FF66;*/
}

.thirdlevellinks
{
	width: 199px;
	height: 17px;
	margin: 85px 0 7px 60px;
	padding: 3px 0 0 8px;
	background-image: url("../images/buttons/third_level_links.gif");
	background-repeat: no-repeat;
	font-size: 1.15em;
}

.thirdlevellinkstopmargin
{
	width: 199px;
	height: 17px;
	margin: 215px 0 7px 60px;
	padding: 3px 0 0 8px;
	background-image: url("../images/buttons/third_level_links.gif");
	background-repeat: no-repeat;
	font-size: 1.15em;
}

.thirdlevellinks2
{
	width: 199px;
	height: 17px;
	margin: 0 0 7px 60px;
	padding: 3px 0 0 8px;
	background-image: url("../images/buttons/third_level_links.gif");
	background-repeat: no-repeat;
	font-size: 1.15em;
}

.thirdlevellinks2b
{
	width: 199px;
	height: 17px;
	margin: 0 0 6px 60px;
	padding: 3px 0 0 33px;
	background-image: url("../images/buttons/third_level_links2.gif");
	background-repeat: no-repeat;
	font-size: 1em;
}

.thirdlevellinks3
{
	width: 199px;
	height: 17px;
	margin: 0 0 40px 60px;
	padding: 3px 0 0 8px;
	background-image: url("../images/buttons/third_level_links.gif");
	background-repeat: no-repeat;
	font-size: 1.15em;
}

.thirdlevellinks3b
{
	width: 199px;
	height: 17px;
	margin: 0 0 40px 60px;
	padding: 3px 0 0 33px;
	background-image: url("../images/buttons/third_level_links2.gif");
	background-repeat: no-repeat;
	font-size: 1em;
}


.thirdlevellinks4
{
	width: 199px;
	height: 17px;
	margin: 0 0 40px 60px;
	padding: 3px 0 0 8px;
	background-image: url("../images/buttons/third_level_links.gif");
	background-repeat: no-repeat;
	font-size: 1.15em;
}

.heavytext
{
	font-weight: bold;
}


#golinks
{
	margin: 0 0 15px 0;
	padding: 0 20px 0 0;
	width: 259px;
	text-align: right;
}

.pageturnerlinks
{
	text-decoration: underline;
}

#accessibilitylogos
{
	margin: 25px 0 0 0;
}

#Contact
{
    font-size: 0.8em;
}

.contentdiv
{
	padding: 20px;
}

.formcontent
{
	margin: 10px 0 0 0;
	float: left;
	font-size: 0.9em;
}

.searchbuttonright
{
	margin: 10px 0 0 0;
	float: left;
	text-align: right;
	font-size: 0.9em;
	width: 626px;
}

.selectnumbernright
{
	margin: 10px 0 0 0;
	float: left;
	text-align: right;
	font-size: 0.9em;
	width: 406px;
}

.formcontent2column
{
	margin: 10px 0 0 20px;
	float: left;
	font-size: 0.9em;
}

.formleft
{
	margin: 10px 0 0 0;
	width: 70px;
	float: left;
	font-size: 0.9em;
}

.formright
{
	margin: 10px 0 0 0;
	width: 245px;
	float: right;
}

.labelwidth
{
    width: 80px;
    float: left;
    padding: 5px 0 0 0;
}

.formrightwide
{
	margin: 10px 0 0 0;
	width: 415px;
	float: right;
}

.formwide
{
    margin: 10px 0 0 0;
    width: 490px;
}

.formrightwide160
{
	margin: 10px 0 0 0;
	width: 160px;
	float: left;
}

.formtextheightdatepicker
{
	height: 12px;
	padding: 3px 0 0 0;
}

.captchaHeight
{
	height: 40px;
	padding: 8px 0 0 0;
}

.formtextheight
{
	height: 10px;
	padding: 3px 0 0 0;
}

.formtextheightSearch
{
	height: 10px;
	padding: 5px 0 0px 0;
	margin-bottom: 12px;
}

.formtextheightNormal
{
	height: 10px;
	padding: 5px 0 0px 0;
}

.formtextheightNormal2
{
	height: 22px;
	padding: 8px 0 0 0;
}

.formtextheightNormalFirst
{
	height: 22px;
	padding: 10px 0 0 0;
}

.formtextheight2
{
	height: 37px;
	padding: 3px 0 0 0;
}

.formtextheight4
{
	height: 20px;
	padding: 0 0 0 0;
}

.formtextheight3
{
	height: 76px;
	padding: 3px 0 0 0;
}

.formtextheightauto
{
	height: auto;
	padding: 3px 0 0 0;
}

.formtextheightauto2
{
	height: auto;
	padding: 8px 0 0 0;
}

.bodylist
{
	margin-left: 15px;
	margin-top: 0;
	padding-left: 0;
	padding-top: 0;
}

.bodylist2
{
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	padding-top: 0;
	list-style-type: none;
}

.formelementheight
{
	height: 14px;
}

.formelementheight2
{
    /*height: 40px;*/
}

.formelementheight3
{
	height: 79px;
}

.logintextfield
{
	height: 14px;
	width: 170px;
	font-size: 11px;
}

.textfield
{
	height: 14px;
	width: 170px;
	font-size: 0.98em;
}



#Name
{
    height: 12px;
    width: 380px;
    font-size: 1em;
}

#Company
{
    height: 12px;
    width: 380px;
    font-size: 1em;
}

#Address
{
    height: 12px;
    width: 380px;
    font-size: 1em;
}

#Postcode
{
    height: 12px;
    width: 200px;
    font-size: 1em;
}

label
{
    font-size: 1.1em;
}

#Phone
{
    height: 12px;
    width: 380px;
    font-size: 1em;
}

#Email
{
    height: 12px;
    width: 380px;
    font-size: 1em;
}

#InterestedIn
{
    height: 18px;
    width: 205px;
    font-size: 1em;
}

#Account
{
    height: 12px;
    width: 230px;
    font-size: 1em;
}

#Message
{
    height: 80px;
    width: 378px;
    font-size: 1.3em;
    padding: 2px 0 0 2px;
    border: none;
    font-family: "Arial" , "Helvetica" , san-serif;
    font-size: 1.1em;
}

#Details
{
    height: 80px;
    width: 378px;
    font-size: 1.3em;
    padding: 2px 0 0 2px;
    border: none;
    font-family: "Arial" , "Helvetica" , san-serif;
    font-size: 1.1em;
}


.textfieldbold
{
	height: 1.43em;
	color: Black;
	font-size: 1em;
}

.textarea
{
	height: 39px;
	width: 170px;
	font-size: 0.98em;
}

.textareahigh
{
	height: 78px;
	width: 170px;
	font-size: 0.98em;
}

.formselect
{
	background-color: #FFFFFF;
	font-size: 0.98em;
	margin: 0 0 10px 0;
}

.textfieldwide
{
	height: 12px;
	width: 380px;
	font-size: 0.98em;
}

.textareawide
{
	height: 39px;
	width: 380px;
	font-size: 0.98em;
}

.submit
{
	margin: 0 0 10px 0;
	background-color: #FFFFFF;
	height: 23px;
	border-style: solid;
	border-width: thin;
	border-color: #C2C5DB;
}

.submitSimple
{
	margin: 0;
	background-color: #FFFFFF;
	height: 23px;
	border-style: solid;
	border-width: thin;
	border-color: #C2C5DB;
}

.submitLink
{
	margin: 0 0 0px 0;
	background-color: #FFFFFF;
	height: 19px;
	border-style: solid;
	border-width: thin;
	border-color: #C2C5DB;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	color: Black;
	padding-top: 2px;
}

.close
{
	margin: 0 0 10px 0;
	background-color: Transparent;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	height: 23px;
}

.loginbuttons
{
	float: right;
	margin: 0 13px 10px 0px;
	background-color: #FFFFFF;
	height: 23px;
	border-style: solid;
	border-width: thin;
	border-color: #C2C5DB;
}

#submit
{
	margin: 0 0 10px 0;
	background-color: #FFFFFF;
	font-size: 0.75em;
	height: 23px;
	border-style: solid;
	border-width: thin;
	border-color: #C2C5DB;
}

.checkbox
{
	margin-top: 15px;
}

#linksafterform
{
	margin-top: 170px;
}

.formtext
{
	font-size: 0.98emem;
}

.calculatorbox1
{
	width: 42px;
	height: 12px;
	font-size: 1.11em;
}

.calccol2container
{
	width: 58px;
	float: left;
}

#localbox
{
	width: 315px;
	margin: 5px 0 0 0;
	height: 25px;
}

#nationalbox
{
	width: 315px;
	margin: 0 0 0 0;
	height: 25px;
}

#mobilebox
{
	width: 315px;
	margin: 0 0 0 0;
	height: 25px;
}

#totalbox
{
	width: 315px;
	margin: 0 0 0 0;
	height: 25px;
}

#savingsbox
{
	width: 315px;
	margin: 0 0 15px 0;
	height: 25px;
}

.calcheadingbox
{
	width: 90px;
	height: 15px;
	float: left;
}

.calcheadingbox2
{
	width: 58px;
	height: 15px;
	float: left;
}

.calcheadingbox3
{
	width: 58px;
	height: 15px;
	float: left;
}

.calcheadingbox4
{
	width: 58px;
	height: 15px;
	float: left;
}

.calcsubheadingbox
{
	width: 90px;
	margin: 3px 0 0 0;
	height: 15px;
	float: left;
}

.calcsubheadingbox2
{
	width: 148px;
	margin: 3px 0 0 0;
	height: 15px;
	float: left;
}

.calcboxescol
{
	width: 315px;
}

#calculatorheadings
{
	width: 315px;
}

.datewidth
{
	width: 50px;
	float: left;
	clear: left;
}

.clearboth
{
	clear: both;
}

/* --------------------- content end -------------------------- */







/* --------------------- footer start -------------------------- */

#footer
{
	width: 680px;
	height: 60px;
	margin: 15px 0 0 15px;
	padding: 0 0 0 25px;
	font-size: 0.9em;
	color: #878FBA;
	float: left;
}

#footerInner
{
	width: 680px;
	height: 30px;
	margin: 15px 0 0 15px;
	padding: 0 0 0 25px;
	font-size: 0.7em;
	color: #878FBA;
	float: left;
}

a.footertext
{
	color: #878FBA;
}

a:hover.footertext
{
	color: #18297B;
}

#telephone
{
	width: 240px;
	height: 30px;
	margin: 15px 36px 0 0;
	padding: 0 0 0 0;
	font-size: 1.5em;
	text-align: right;
	float: right;
}

#buildVersion
{
	width: 200px;
	height: 20px;
	margin: 15px 36px 0 0;
	padding: 0 0 0 0;
	font-size: 1.0em;
	text-align: right;
	float: right;
	clear: both;
}

#logos
{
	width: 259px;
	height: 71px;
	margin: 20px 36px 0 0;
	padding: 0 0 0 0;
	float: right;
	text-align: right;
}

#telephoneInner
{
	width: 240px;
	height: 30px;
	margin: 15px 36px 0 0;
	padding: 0 0 0 0;
	font-size: 1.5em;
	text-align: right;
	float: right;
}

#logosInner
{
	width: 259px;
	height: 71px;
	margin: 40px 36px 0 0;
	padding: 0 0 0 0;
	float: right;
}


/* --------------------- footer end -------------------------- */




/* --------------------- new style sheets that need to be added to the development site too -------------------------- */

#logos2
{
	width: 178px;
	height: 80px;
	margin: 0 0 0 0;
	padding: 40px 36px 0 0;
	float: right;
}

#eachlogo
{
	width: 100px;
	height: 80px;
	margin: 15px 0 0 0;
	padding: 0 0 0 40px;
	float: left;
}
#introtext3lines
{
	width: 315px;
	margin: 55px 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
	line-height: 1.05em;
	height: 63px;
}

.buttonstyle
{
	color: #878fba;
	background-image: url("../images/buttons/button.gif");
}

.newprovide
{
	margin: 50px auto 50px auto;
	width: 520px;
}

.newprovidewizard
{
	background-color: #C1C5DB;
	padding: 10px 40px 15px 0px;
}

.wizardended
{
	background-color: #C1C5DB;
	padding: 10px 40px 15px 40px;
}

.newprovidewizard ul li
{
	margin: 10px auto;
}

.newprovidelinks
{
	font-weight: bold;
	font-size: 18px;
}

.reportfault
{
	margin: 0px auto 30px auto;
	width: 520px;
}

.reportfaultwizard
{
	background-color: #C1C5DB;
	padding: 25px 40px 10px 50px;
}

.reportfaultheader
{
	clear: both;
	width: 466px;
	height: 56px;
	margin: 10px auto;
	background-color: #D6D8E7;
}

.trackorderheader
{
	clear: both;
	width: 470px;
	height: 56px;
	margin: 10px auto;
	background-color: #D6D8E7;
}

.changeorderheader
{
	clear: both;
	width: 470px;
	height: 56px;
	margin: 10px auto;
	background-color: #D6D8E7;
}

.reportfaultsteptext
{
	width: 466px;
	margin: 20px auto;
	clear: both;
}

.ordersteptext
{
	width: 660px;
	margin: 20px auto;
	clear: both;
}

.trackordersteptext
{
	width: 470px;
	margin: 20px auto;
	clear: both;
}

.changeordersteptext
{
	width: 470px;
	margin: 20px auto;
	clear: both;
}

.reportfaultheadertext
{
	position: relative;
	top: 25px;
	left: 25px;
}

.reportfaultnavigation
{
	padding-right: 20px;
}

.reportfaultnavigationIE7
{
	padding-right: 4px;
}

.automargin
{
	margin: 0 auto;
}

.login
{
	background-color: #C1C5DB;
	width: 250px;
	margin: 0px auto;
	padding-left: 30px;
}

/*.loginheader
{
	margin-left: 250px;
	clear: both;
	width: 497px;
	height: 50px;
	background-image: url("../images/reportfalure_header.gif");
}*/

.wizardstep
{
	width: 50px;
	height: 56px;
	margin: 0px 20px;
}

.wizardsteptext
{
	float: left;
	width: 70px;
	margin: 0px 14px 10px 10px;
	text-align: center;
}

.customersearch
{
	margin: 10px auto 30px 20px;
	width: 760px;
}

.tariffsearch
{
	margin: 10px auto 0px 20px;
	width: 820px;
}

.faultsearch
{
	margin: 10px auto 0px 20px;
	width: 800px;
}

.usersearch
{
	margin: 10px auto 30px 20px;
	width: 680px;
}

.newsearch
{
	float: right;
	margin: 3px 2px 6px auto;
}

.buttonarea
{
	float: right;
	margin: 5px 0px 5px auto;
}

.buttonarea2
{
	float: right;
	margin: 5px 2px 5px auto;
}

.buttonarea10
{
	float: right;
	margin: 5px 10px 5px auto;
}

.buttonarea12
{
	float: right;
	margin: 5px 12px 5px auto;
}

.buttonarea16
{
	float: right;
	margin: 5px 16px 5px auto;
}

.buttonarea20
{
	float: right;
	margin: 5px 20px 5px auto;
}

.buttonarea22
{
	float: right;
	margin: 5px 22px 5px auto;
}

.buttonarea36
{
	float: right;
	margin: 5px 36px 5px 0;
}

.userinfo
{
	margin: 10px auto 30px 20px;
	width: 780px;
}

.smsAuth
{
	margin: 0px auto;
	width: 430px;
	background-color: #C1C5DB;
}

.userinfobuttons
{
	float: right;
	margin: 5px 20px 5px auto;
}

.securityTemplatesButtons
{
    width: 390px; 
    text-align: right;
}

.changepasswordbuttons
{
	float: right;
	margin: 5px 23px 5px auto;
}

.globalsettings
{
	margin: 10px auto 30px 20px;
	width: 930px;
}

.notetext
{
	/*font-size: 90%;*/ /*font-style: italic;*/
}

.margin20
{
	margin: 20px;
}

.margin15
{
	margin: 15px;
}

.margin10
{
	margin: 10px;
}

.margin5
{
	margin: 5px;
}

.fieldset
{
	padding-left: 10px;
}


.fieldsetgrid
{
	padding-left: 10px;
	width: 96%;
}

.fieldsetDiv
{
	margin: 10px 10px 10px 0px;
}

.marginright10
{
	margin-right: 10px;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.boldsearch
{
	float: right;
	font-weight: bold;
}

.adduser
{
	float: right;
	font-weight: bold;
	margin-bottom: 5px;
}

.resultpanel
{
	margin: 0 auto 20px auto;
	width: 96%;
}

.resultpanelLeft
{
	margin: 0 auto 20px 0;
}

.searchaccount
{
	width: 405px;
	float: left;
	margin: 0 auto 20px 0px;
}

.resultpanelnormal
{
	margin: 0 auto 20px auto;
	width: 96%;
}

.changepassword
{
	width: 390px;
	margin: 10px auto 30px 20px;
}

.height15
{
	height: 25px;
}

.height20
{
	height: 20px;
}

.lefttext
{
	text-align: left;
}

.boldheadertext
{
	font-weight: bold;
	font-size: 1.1em;
}

/* --------------------- tabs start-------------------------- */

.ajax__tab_xp div div
{
	min-height: 300px;
}

.ajax__tab_xp div div div
{
	min-height: 0px;
}

/* --------------------- tabs end -------------------------- */

/* --------------------- controls start-------------------------- */
.expandImage
{
	margin: 0 2px;
}

.labeltextheight
{
	font-size: 0.9em;
	margin: 0 0 5px 0;
}

.labeltextheightfixed
{
	font-size: 0.9em;
	margin: 0 0 5px 0;
	height: 16px;
}

.labeltextheightaddress
{
	font-size: 0.9em;
	height: 78px;
	margin: 0 0 5px 0;
}

.labeltextheight2
{
	font-size: 0.9em;
	height: 57px;
	margin: 0 0 5px 0;
}

.labeltextheightScroll
{
	font-size: 0.9em;
	height: 37px;
	margin: 0 0 5px 0;
	overflow-y: auto;
}

.labeltextheight3
{
	font-size: 0.9em;
	height: 36px;
	margin: 0 0 5px 0;
}

.labeltextheightauto
{
	font-size: 0.9em;
	height: auto;
	margin: 0 0 5px 0;
}

.legendtext
{
	color: #18297B;
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
}

.additionalView
{
	cursor: pointer;
}

.faultView
{
	height: 195px;
	padding-left: 10px;
	color: #18297B;
}

.faultViewAdditional
{
	height: auto;
	padding-left: 10px;
	color: #18297B;
}

.accountinfo
{
	width: 431px;
	height: 195px;
	padding-left: 10px;
}

.siteinfo
{
	width: 431px;
	height: 195px;
	padding-left: 10px;
}

.formtextheightsiteaddress
{
	height: 68px;
	padding: 3px 0 0 0;
}

.groupedsites
{
	width: 190px;
	height: 285px;
}

.groupedsiteslinks
{
	margin: 10px 0 0 0;
	float: left;
	font-size: 0.9em;
	width: 200px;
	height: 255px;
}

.groupedsites a
{
	text-decoration: underline;
}

.accountCLIs
{
	width: 890px;
	min-height: 150px;
}

.billingaddress
{
	width: 601px;
	height: 190px;
	padding-left: 10px;
}

.billingoptions
{
	width: 261px;
	height: 265px;
	padding-left: 10px;
}

.bankaccountdetails
{
	width: 541px;
	height: 340px;
	padding-left: 10px;
}

.paymentdetails
{
	padding-left: 10px;
}

.viewcalllist
{
	margin: 10px 0px 0px 813px;
	background-color: #FFFFFF;
	height: 23px;
	border-style: solid;
	border-width: thin;
	border-color: #C2C5DB;
}

/* --------------------- controls end -------------------------- */





/* --------------------- grid start ---------------------------- */


tr.title
{
	/*background: url("../images/dot_table.gif") repeat;*/
}

tr.title th
{
	height: 21px !important;
	padding-left: 6px;
	padding-right: 6px;
	color: White;
	background-color: #33418A;
	text-align: center;
	font-size: 0.8em;
}

tr.title th a
{
	font-size: 11px;
	padding-right: 14px;
	display: inline-block;
	color: White;
}

tr.title th a:hover
{
}

tr.row1
{
	color: Black;
	border-left: #E7E7E7 1px solid;
	background: #FFFFFF;
}

tr.row2
{
	color: Black;
	border-left: #E7E7E7 1px solid;
	background: #dfe7ec;
}

tr.row1 td
{
	padding: 0px 5px 0px 5px;
	height: 25px;
	border: #E7E7E7 1px solid;
	font-size: 0.75em;
}

tr.row1 td span
{
	font-weight: normal;
}

tr.row2 td
{
	padding: 0px 5px 0px 5px;
	height: 25px;
	border: #E7E7E7 1px solid;
	font-size: 0.75em;
}

tr.row2 td span
{
	font-weight: normal;
}

.gridcontainertable
{
	border: 0px;
}

.gridcontainer table td span
{
	font-weight: bold;
}

/* --------------------- grid end ---------------------------- */

/* --------------------- Modal Popup start ---------------------------- */
.PopupBody
{
	padding: 15px;
}

.dynamicPopUp
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 100%;
	height: auto;
}

.yesno
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 350px;
}

.shortdetails
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 420px;
}

.shortDetailsReadable
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 420px;
	margin: 10px auto;
}

.clearfaultpopup
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 420px;
	min-height: 230px !important;
}

.assignTpPopUp
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 420px;
	max-height: 165px !important;
}

.postponeToPopUp
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 420px;
	min-height: 165px !important;
}

.searchAccountPopUp
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 600px;
	min-height: 300px !important;
}

.searchAddressPopUp
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 670px;
	min-height: 400px !important;
}

.searchPhoneNumberPopUp
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 410px;
	min-height: 310px !important;
}

.escalatefaultpopup
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 530px;
	min-height: 230px !important;
}

.details
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 650px;
}

.widedetails
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 920px;
}

.widedetailsfixed
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 920px;
	min-height: 330px !important;
}

.customerviewPopUp
{
	/*padding: 15px;*/
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 960px;
}

.chargesWarning
{
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 500px;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	font-size: 14px;
	text-align: center;
	padding-top: 30px;
	border-style: solid;
	border-width: 1px;
	background-color: White;
	width: 350px;
	height: 100px;
}

.PopupHeader
{
	background-color: #33418A;
	border-bottom: #C1C5DB 1px solid;
	color: White;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	height: 25px;
}

.PopupHeaderTitle
{
	padding-top: 5px;
	padding-left: 10px;
}

.PopupHeaderTitleLeft
{
	float: left !important;
	padding-top: 5px !important;
	padding-left: 10px !important;
}

.PopupHeaderTitleRight
{
	float: right !important;
	padding-top: 5px !important;
	padding-right: 10px !important;
}

/* --------------------- Modal Popup end ---------------------------- */

.column_sorted_d a
{
	background-image: url("../images/arrow_dd.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 14px;
}

.column_sorted_u a
{
	background-image: url("../images/arrow_uu.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 14px;
}

.adminchangepassword
{
	position: relative;
	top: -25px;
	z-index: 1000;
	float: right;
	margin-right: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

/* Progress Bar */
.modalProgress
{
	position: absolute;
	top: 30%;
	left: 43%;
	font-size: 16px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	background-color: White;
	width: 300px;
	height: 110px;
	z-index: 100004;
}

.progressBackgroundFilter
{
	position: fixed;
	height: expression((document.compatMode=="CSS1Compat")?document.documentElement.clientHeight:document.body.clientHeight + "px");
	width: expression((document.compatMode=="CSS1Compat")?document.documentElement.clientWidth:document.body.clientWidth + "px");
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #CCCCCC;
	filter: alpha(opacity=60);
	opacity: 0.6;
	z-index: 10002;
}

.processMessage
{
	position: absolute;
	top: 40%;
	left: 40%;
	z-index: 100003;
	display: block;
	overflow: visible;
}

#progressBackgroundFilter
{
	position: fixed;
	height: expression((document.compatMode=="CSS1Compat")?document.documentElement.clientHeight:document.body.clientHeight + "px");
	width: expression((document.compatMode=="CSS1Compat")?document.documentElement.clientWidth:document.body.clientWidth + "px");
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #CCCCCC;
	filter: alpha(opacity=60);
	opacity: 0.6;
	z-index: 10002;
}

#processMessage
{
	position: absolute;
	top: 40%;
	left: 40%;
	z-index: 100003;
	display: block;
	overflow: visible;
}
/* End Progress Bar */

.displaynone
{
	display: none;
}

.error
{
	color: Red;
}

.SendMailLink
{
	/*font-style: italic;*/
	text-decoration: underline;
	color: Black;
}

.SendMailLink:Hover
{
	/*font-style: italic;*/
	color: #db007d;
}

.StatusClearButtons
{
	margin-left: 5px;
	float: left;
	width: auto;
}

.StatusClear
{
	float: left;
	width: auto;
}

.simpleSearchContainer
{
	float: right;
	margin-right: 5px;
	margin-top: 5px; /*height: 45px;*/
}

.lessPanel
{
	margin: -2px 0 0px 103px;
	float: left;
	font-size: 0.9em;
}

.lessCustomerPanel
{
	margin: -2px 0 0px 63px;
	float: left;
	font-size: 0.9em;
}

/***************MultiSelectDropDown***************/
.PopperMessage
{
	border: solid 1px #ABADB3; /*float: left;*/
	background-color: White;
}


.PopperMessageDiv
{
	padding: 3px 0px 1px 4px;
	font-size: 12px;
	color: #000000;
	background-color: White;
}

.CCBoxBorder
{
	/*border: solid 1px #cdcdbe;*/
	background-color: White;
}

.mouseOverImage
{
	background: url('../../Images/arrow_blue_white.jpg') no-repeat;
}

.mouseOutImage
{
	background: url('../../Images/arrow_blue.jpg') no-repeat;
}
/***********End MultiSelectDropDown***************/

.imMarginExpand
{
	margin-top: 1px;
	margin-right: 1px;
}

.marginExpandImage
{
	float: right;
	width: 14px;
	height: 16px;
	margin-top: -15px;
}

.LoginHeader
{
	margin-left: 35px;
	font-size: 14px;
	font-weight: bold;
}

.dashedlinewidth
{
	width: 12px; /*Width of top level menu link items*/
	height: 29px;
	background-image: url("../images/dashed_line_2.gif");
	background-repeat: no-repeat;
}

.terms
{
	height: 100%;
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px Gray;
	color: Black; /*height: 70px;*/
	width: 870px;
	max-height: 580px;
	padding-bottom: 20px;
}

.termsPageMainBody
{
	width: 780px;
	height: 380px;
	background-color: White;
}

.buttonAreaTerms
{
	float: right;
	margin: 5px 0px 5px auto;
}

.smsAuthHeaderText
{
	margin: 0px auto 10px 0px;
	font-size: 12px;
	font-weight: bold;
	width: 410px;
	text-align: center;
}

.refreshButton
{
	height: 30px;
	widows: 30px;
	margin: 5px;
}

.downloadTerms
{
	float: left;
	height: 36px;
	padding-top: 10px;
}

.premisesDescription
{
	height: 120px;
	width: 240px;
	margin-top: 8px;
}

.productTypeDescription
{
	height: 100px;
	width: 240px;
	margin-top: 8px;
}

.searchPhoneFilter
{
	margin: 0 auto;
	height: 55px;
}

.formtextheighCallBarring
{
	min-height: 30px;
	padding: 3px 0 10px 0;
}

.listLines
{
	height: 100px;
	margin: 15px 5px 5px 5px;
	background-color: White;
	border: solid 1px #AAAAAA;
	padding-bottom: 5px;
}

/* Accordion */
.accordionHeader
{
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	padding-left: 17px;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-position: 0px 3px;
	text-decoration: none;
	background-image: url(Images/expand_blue.gif);
	background-repeat: no-repeat;
}

.accordionHeader a
{
	color: #F7971C;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: none;
	color: #F7971C;
}

.accordionHeaderSelected
{
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	padding-left: 17px;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-position: 0px 3px;
	text-decoration: none;
	background-image: url(Images/collapse_blue.gif);
	background-repeat: no-repeat;
}

.accordionHeaderSelected a
{
	color: #330066;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: none;
	color: #330066;
}

.accordionContent
{
	padding: 3px;
	font-size: 10px;
	background-color: #FFFFFF;
	color: Black;
}

.accordionContent td
{
	background-color: #FFFFFF;
	margin: 0px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	color: #666666;
}

/* Accordion END */


.orderViewPanel
{
	padding: 5px;
	max-height: 230px;
	overflow-y: scroll;
}

.OrderViewFieldset
{
	padding: 0px 0px 0px 0px;
}

.gridButtons
{
	float: right;
	margin-right: 5px;
}

.collapsedPanelGrid
{
	max-height: 204px;
	padding: 5px;
}

.verticalTop
{
	vertical-align: top;
}

.watermarked
{
	background-color: #f0f8ff;
	color: #808080;
	font-style: italic;
	border: #bebebe 1px solid;
}

.sessionEndLabel
{
	color: Red;
	height: auto;
	width: 100%;
}

.sessionEndDiv
{
	height: auto;
	margin-right: 20px;
}

.reportNewFaultLink
{
	float: right;
	margin-bottom: 5px;
}

.divLeftContainer
{
    float: left;
    display: block;
}

/* ----------------------------- Vertical Menu Start --------------------------- */

.menuVerticalDescription
{
	color: #18297B;
	font-size: 13px;
	font-weight: normal;
}

.menuItemVertical
{
	font-size: 18px;
	font-weight: bold;
	list-style-type: none;
}

.menuItemVertical li
{
	margin: 10px 0px;
}

.subMenuItemVertical
{
	margin-top: 10px;
	font-size: 14px !important;
	list-style-type: none;
}

.subMenuItemVertical li
{
	margin: 5px 0px;
}


.disabledMenuItemVertical
{
	color: #18297B;
}

.disabledMenuItemVertical:hover
{
	color: #18297B;
}

/* ----------------------------- Vertical Menu End --------------------------- */