/* CSS Document */

body {
	background-image: url(../images/lightgrey.jpg);
	background-position: top; background-repeat:repeat-x;
    background-attachment: fixed;
	font-family : Arial, Verdana, Helvetica, serif;
	font-size: 100%; margin: 0px;}

p { margin-top: 0px; margin-bottom: 1em;}
.hr { clear: both; height: 10px; margin: 10px 27px 0px 27px; background: url(../images/dots-horiz.gif) left repeat-x;}
.clear { clear: both;}
.clearLeft { clear:left;}
.green { color: #51a401;}
.red { color: #c1131e;}
.help { font-weight: normal; color: #999999; padding-bottom: 10px; display: block; margin-top: -5px; height: 3px; overflow: hidden}
.errorMessage { color: #c1131e; font-weight: bold;}
table a, p a { color: #c1131e; text-decoration: none;}
table a:hover, p a:hover { text-decoration: underline;}
.az { width: 422px;}
.az td { width: 16px;}
.right { float: right;}
th { text-align: left;}
.txtCenter { text-align: center;}



/* Layout Styles */
#wrapper, #header, #footer { width: 795px; margin: 10px auto 10px auto; font-size: 70%;}
#find, #login, #eventLog, #sendSMS { width: 256px; float: right; padding: 10px 0px 5px 14px; background: url(../images/dots.gif) repeat-y left;}
#login { background: none; float: none; margin-left: auto; margin-right: auto}
#wrapper { padding-bottom: 40px; padding-top: 40px; background: url(../images/bottomnotrans.gif) bottom no-repeat; position: relative}
#content { background-color:#FFFFFF; color: #444444; width: 791px; overflow: hidden; padding: 0px; background: #ffffff url(../images/sidebackground_a.gif) right repeat-y; padding-right: 4px; padding-top: 10px;}
#controls {  background: url(../images/dots.gif) repeat-y 521px 0px;}
#find img, #topLeft img, #login img, #centerLeft img, #eventLog img, #bottomLeft img, #sendSMS img { float: left; margin-right: 33px; padding-bottom: 15px;}
#topLeft, #centerLeft, #bottomLeft { margin-left: 27px;width: 485px; padding-top: 10px;}
#content img.noMargin { margin-right: 10px;}
#centerLeft div.content, #eventLog .content, #topLeft .content { width: 422px; background: none; margin: 0px; padding: 0px;float: left}
#eventLog .content { width: 140px;}

/* Header Styles */
#header p { float: right; margin-top: 35px; color: #444444; text-align: right; margin-right: 4px;}
#header a { margin-left: 10px; color: #444444; text-decoration: none; font-weight: bold}
#header a:hover { text-decoration: underline;}


/* Nav Styles */
#nav { background-color:#666666; height: 40px; position: absolute; top: 0px; width: 795px; background: url(../images/topnotrans_a.gif) no-repeat; color: #FFFFFF; font-size: 110%;}

/* Manage User Styles */
.userdetails { margin-top: 5px; margin-right: 0px; width: 422px;}
.userdetails td { height: 25px; width: 25%;}
.userdetails td.small { width: 10%;}
.row1 { background-color: #eeeeee;}
.row2 { background-color:#FFFFFF;}
.leftCol, .rightCol  { float: left; width: 211px; margin: 0px;}
.leftCol div, .rightCol div { margin-bottom: 10px; height: 26px; line-height: 26px; background-color: #eeeeee; padding-left: 2px;}
.leftCol div.none, .rightCol div.none { background: none;}
.control, .controlRedBold, .controlSubmit { width: 98px; color: #444444; margin: 0px;}
span.control { display: block; float: left; padding: 1px 2px 1px 1px; width: 92px;}
.controlSubmit { width: 45px; margin-right: 4px;  color: #c1131e;}
.controlRedBold { color: #c1131e; font-weight: bold;}
.result  { float: left; margin-left: 0px; display: block}
.result input {margin-top: 5px; }
.leftCol a, .rightCol a { color: #c1131e; text-decoration:underline; margin-left: 6px;}
.leftCol p, .rightCol p { float: left; display: block; width: 110px; margin: 0px; padding: 0px;}
.leftCol a:hover, .rightCol a:hover { text-decoration: none;}
.notes { margin-bottom: 10px;}
.enterNote { margin-top: 10px;}
.enterNote label { float: left;}
.enterNote textarea { width: 190px; height: 70px}
.enterNote form { margin: 0px;}
.enterNote input.submit { margin-top: 44px; margin-left: 15px;}
#sendSMS textarea { width: 121px; height: 50px;}
.calimg { width: 16px; margin: 0px; padding: 0px; padding-bottom: 5px; background: none; border: 0px;}


/* Manage User Styles - User Actions */
.button, .buttonSend { width: 37px; height: 16px; border: 0px; background: none; margin: 0px; padding: 0px;}
.buttonSend { width: 50px;}
div#editMSISDN { }
#editMSISDN div { height: 60px; width: 208px; margin-left: -3px; padding-left: 3px}
#editMSISDN div input.control { }
div.results { display: inline; float: none; margin: 0px;}

#journalURL, #albumURL { line-height: 11px;}
#journalURL a, #albumURL a { margin-left: 0px;}

/* Edit Group Styles */

.editGroup, .table { margin-top: 5px; margin-right: 0px; width: 422px; border: 1px solid #bcbdc1}
.editGroup td, .editGroup th, .table td, .table th { height: 25px; padding-left: 4px;}
.editGroup th { text-align: left; color: #c1131e;  border-bottom: 1px solid #bcbdc1; }
tr.th { background-color: #eeeeee;}

.buttonGroup, .table { margin-top: 5px; margin-right: 0px; width: 422px; }
.buttonGroup td, .editGroup th, .table td, .table th { height: 25px; padding-left: 4px;}

/* Form Styles */
form { margin: 0px; padding: 0px; display: inline}
input, select { background-color: #ececec; border: 1px solid #aaaaaa; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 8px; font-weight: normal; margin-top: 3px; padding: 2px; width: 121px;}
select { width: 127px; padding: 1px;}
textarea  { background-color: #ececec; border: 1px solid #aaaaaa; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 8px; font-weight: normal; margin-top: 3px; padding: 2px;}
label { margin-bottom: 5px; font-weight: bold;}
.submit { color: #c1131e; margin-left: 80px; padding-top: 1px; padding-bottom: 1px; width: 47px;}
.checkbox { width: 20px; border: 0px; margin: 0px; padding: 0px;}


/* Footer Styles */
#footer { text-align: right; padding-top: 10px;}
#footer p { padding-right: 4px; margin: 0px;}

/*Event Log List Styles */

#eventLogList{ width: 500px; float: right; padding: 10px 0px 10px 14px; background: url(../images/dots.gif) repeat-y left;}
#eventLogList{ background: none; float: none; margin-left: auto; margin-right: auto}

#eventLogList a { margin-left: 10px; color: #444444; text-decoration: none; font-weight: bold;}
.eventLogTable { margin-top: 5px; margin-right: 0px; width: 422px;}
.eventLogTable tr.header { background-color: #cccccc;}
.eventLogTable tr.row1 { background-color: #eeeeee;}
.eventLogTable tr.row2 { background-color:#FFFFFF;}

/* Newbay Menu */
/* Begin CSS Popout Menu */

#nav{width:100%;
float:left;
z-index:100;
padding-top: 12px;}

#nav a {
color: #fff;
display:block;
border-width:0px;
white-space:nowrap;
margin:0;
padding-top: 3px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 4px;
 background: url(../images/whitespace.gif) left no-repeat}

#nav a{ text-decoration:none; padding-left: 8px;}

#nav a, #nav a:visited{}

#nav a:hover,#nav ul.t3 li ul li a:hover, #nav ul.t4 li ul li a:hover, #nav ul.t4 li ul li ul li a:hover { color: #FFFFFF; background-color: #cccccc;}
#nav ul.t3 li ul li a, #nav ul.t4 li ul li a, #nav ul.t4 li ul li ul li a  {background-image:none}

#nav ul{list-style:none;
margin:0;
padding:0;
float:left;}

/* Top Level widths */
#nav ul.t1 { width: 91px; margin-left: 20px}
#nav ul.t1 li a { background-image: none;}
#nav ul.t2 { width: 84px;}
#nav ul.t3 { width: 126px;}
#nav ul.t3 li ul li a, #nav ul.t4 li ul li a { background-color: #aaaaaa;}
#nav ul.t4 { width: 130px;}
#nav ul.t5 { width: 129px;float:right; margin-right:20px;}
#nav ul.t6 { width: 139px;}
#nav ul.t7 { width: 58px;}
/* Sub Level widths */
#nav ul.s3 { width: 140px;}
#nav ul.s4 { width: 120px;}
#nav ul.s6 { width: 139px;}
#nav ul.ss6 { width: 170px; overflow: hidden}
#nav ul.ss4 { width: 190px; overflow: hidden}

#nav ul li ul li a.y { background:url(../images/navarrow.gif) #aaaaaa center right no-repeat;}

#nav li{position:relative;}

#nav ul ul{position:absolute;
z-index:500;
top:auto;
display:none;}

#nav ul ul ul{top:0;
left:100%;}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#nav li:hover{cursor:pointer;
z-index:100;}

div#nav li:hover ul ul,
div#nav li li:hover ul ul,
div#nav li li li:hover ul ul,
div#nav li li li li:hover ul ul
{display:none;}

div#nav li:hover ul,
div#nav li li:hover ul,
div#nav li li li:hover ul,
div#nav li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */


/* End CSS Popout Menu */