/* Westbury Service Request Manager 4.1
CSS compatible with build: 4.1.2 B41
*/

/******************************************************/
/* GENERAL HTML TAGS DEFINITION */
body, p, li, h1, h2, h3, td
{
font-family: Arial, Helvetica, sans-serif; 
}

body  {
margin:	0px;
padding:	0px;
}

td
{
text-align: left;
vertical-align: middle;
font-size: 12px;
}

.tdstyle1
{
vertical-align: top;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
border-width: 1px; border-style: solid; border-color: #CCCCCC;
}

p, h1, h2, h3, h4, hr, td
{
margin-left: 3px;
margin-right: 3px;
margin-top: 3px;
margin-bottom: 3px;
}

A:link  {
color:	#000000;
}

A:visited  {
color:	#000000;
}

A:active  {
color:	#000000;
}

TH { text-align: left }

/* Images */
img {
border: 0
}

/* Image used in admin panel; */
img.panelicon {
border: 0;
height: 50px;
width: 50px;
}

input,textarea  {
color:	#000000;
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
text-align:	left;
}

hr { clear : both; }


/* Is this still needed? */
.scr  {
overflow-x:	hidden;
overflow-y:	hidden;
}

/* END GENERAL HTML TAGS DEFINITION */
/******************************************************/


/******************************************************/
/* START LEFTOVER DEFINITION */

/* In this section all tags are grouped which couldn't be linked to specific definition */

/* Title of pop-up windows */
#title
{
position: relative;
color:	#D63139;
font-family:	Arial, Helvetica, sans-serif;
font-size:	18px;
font-variant:	small-caps;
font-weight:	bold;
width: 300px;
height:40px;
padding-left: 5px;
padding-right: 3px;
padding-top: 7px;
padding-bottom: 7px;
}

/* used in title on main page */
#titlemain
{
position: relative;
color:	#D63139;
font-family:	Arial, Helvetica, sans-serif;
font-size:	18px;
font-variant:	small-caps;
font-weight:	bold;
width: 300px;
height:40px;
padding-left: 3px;
padding-right: 3px;
padding-top: 7px;
padding-bottom: 7px;
}

/* Default results pane, used in SRM home as well as pop-up windows */
#content
{
left:0px; 
top: 75px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
background-color: #FFFFFF;
}

/* Default results pane, used in some pop-up windows */
#contentwithoutmenu
{
position: absolute;
top: 90px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
padding-left: 3px;
}

/* Lists of items, Used in admin panel */
#listcontentmin
{
color: #000000; 
background-color: #FFFFFF;
width: 832px; 
height: 340px; 
overflow: auto;
}

/* Lists of items, Used in admin panel */
#listcontent
{
color: #000000; 
background-color: #FFFFFF;
width: 832px; 
height: 470px; 
overflow: auto;
}

/* Lists of items, Used in admin panel */
#listcontentmax
{
color: #000000; 
background-color: #FFFFFF;
width: 832px; 
height: 562px; 
overflow: auto;
}

/* Lists of items, Used in admin panel */
#listlocales
{
color: #000000; 
background-color: #FFFFFF;
width: 400px; 
overflow: auto;
}

/* Default TD definition */
.TableTd  {
background-color:	#F2F2FA;
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
height:	20px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
}

/* Default TD definition */
.TableTd2  {
background-color:	#FAFAFA;
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
height:	20px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
}

.TableTdCondition  {
background-color:	#E3BABA;
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
height:	20px;
/* Gemini Issue 328 */
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
}

.TableTdHeader  {
background-color:	#D63239;
color: #DDDDDD;
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
height:	20px;
}

.TableTdTitle  {
background-color:	#F2F2FA;
color:	#0000FF;
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	bold;
height:	20px;
}

.TableTdTitle2  {
background-color:	#FAFAFA;
color:	#0000FF;
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	bold;
height:	20px;
}

.TableTdTransparent  {
background-color:	#FFFFFF;
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
height:	20px;
}

.TextCaps  {
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	small-caps;
font-weight:	normal;
}

.TextNormal  {
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
padding-left: 3px;
vertical-align: top;
}

.TextError  {
font-family:	Arial, Helvetica, sans-serif;
font-size:	10px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
color:	red;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
}

.tip  {
cursor:pointer;
font-weight:	normal;
}

.TitleText  {
color:	#D63139;
font-family:	Arial, Helvetica, sans-serif;
font-size:	18px;
font-variant:	small-caps;
font-weight:	bold;
padding-left: 3px;
}

.TitleTextLogin  {
color:	#4C5674;
font-family:	Arial, Helvetica, sans-serif;
font-size:	18px;
font-variant:	small-caps;
font-weight:	bold;
padding-left: 3px;
}

.VersionInfo  {
font-family:	Arial, Helvetica, sans-serif;
color:	#000000;
font-size:	10px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
text-align:	center;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
/* END LEFTOVERS DEFINITION */
/******************************************************/

/******************************************************/
/* BEGIN LOGIN PAGE DEFINITION */
/* Used on: logon page */

/* See for buttons: BUTTON DEFINITION */

/* SRM logo on login screen */
#srmlogo
{
position: absolute;
left: 100px;
top: 20px;
width: 410px;
height: 280px;
border-width: 1px; border-style: solid; border-color: #CCCCCC;
background-image: url('img/login.gif');
background-position: 0% 0%;
background-repeat: no-repeat;
}

/* Company logo on login screen */
#companylogo
{
position: absolute;
left: 280px;
top: 145px;
width: 100px;
height: 100px;
background-image: url('img/wblogo.gif');
background-position: 0% 0%;
background-repeat: no-repeat;
}

/* Location login/pw info on login screen */
#loginbox
{
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 400px;
top: 90px;
height: 100px;
padding-left: 5px;
padding-right: 3px;
padding-top: 7px;
padding-bottom: 7px;
}

/* END LOGIN PAGE DEFINITION */
/******************************************************/


/******************************************************/
/* BEGIN ENDUSER MAIN PAGE DEFINITION */

/* See for header: HEADER DEFINITION */
/* See for leftmenu: LISTMENU DEFINITION */
/* See for buttons: BUTTON DEFINITION */
/* See for message: MESSAGE DEFINITION */
/* See for footer: FOOTER DEFINITION */
/* See for links: LINKS DEFINITION */

/* Location menubar */
#mainmenu {
	/* Adjust width mainmenu bar: */
width: 1000px;
	float: left;
	margin: 0px;
	padding: 0px;
	height: auto;
}

/* dropdown list views*/
#viewmenu
{
position: relative;
left: 570px; 
top: 50px;
/* Adjust width viewmenu bar: */
width: 450px;
}

/* Left menu, buttons, used on SRM home*/
#leftmenu
{
position: absolute;
left: 0px; 
top: 90px;
width: 100px;
height:480px;
padding-left: 3px;
padding-right: 3px;
padding-top: 7px;
padding-bottom: 7px;
}

/* User data on SRM home */
#userdata
{
	position: absolute;
	left: 700px; 
	top: 0px;
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color:	#D63139;
}

/* tablerow even, used in views */
.TableTdSwitch  {
background-color:	#F2F2FA;
/* behavior:	url(jsp/hilite.htc); */
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
height:	20px;
}

/* tablerow oneven, used in views */
.TableTd2Switch  {
background-color:	#FAFAFA;
/* behavior:	url(jsp/hilite.htc); */
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
height:	20px;
}

/* on hover of row, used in views */
.TableTd2Switchhover, .TableTdSwitchhover   {
background-color:	#F7D5D7;
/* behavior:	url(jsp/hilite.htc); */
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
height:	20px;
/* Added with b40, changed with b41 */
cursor:pointer;
}

/* Called when hovering over row in views */
.makeHref  {
/*cursor:	hand;*/
}

/* END ENDUSER MAIN PAGE DEFINITION */
/******************************************************/

/******************************************************/
/* BEGIN FOOTER DEFINITION */
#footer {
position: absolute;
left: 10px; 
top: 540px;
width: 980px;
border-top : .09em solid #CCCCCC;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

#footer p {
font-family:	Arial, Helvetica, sans-serif;
color:	#CCCCCC;
font-size:	10px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
text-align:	center;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}

#footer a:link  {
color:    #CCCCCC;
}

#footer a:visited  {
color:    #CCCCCC;
}

#footer a:active  {
color:    #CCCCCC;
}
/* END FOOTER DEFINITION */
/******************************************************/

/******************************************************/
/* BEGIN MESSAGE DEFINITION */
/* Could be used optional on SRM enduser page */
#message {
position: relative;
top: 10px;
width: 150px;
height: auto;
border-top : 2px solid #D63139; 
border-right : 2px solid #D63139;
border-left : 2px solid #D63139;
border-bottom : 2px solid #D63139;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

#message p {
font-family:	Arial, Helvetica, sans-serif;
color:	#D63139;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
text-align:	center;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}

#message a:link  {
color:    #D63139;
}

#message a:visited  {
color:    #D63139;
}

#message a:active  {
color:    #D63139;
}

/* END MESSAGE DEFINITION */
/******************************************************/


/******************************************************/
/* BEGIN NEWST DEFINITION */

/* See for buttons: BUTTON DEFINITION */

/* right menu, buttons, used in collections */
#rightmenu
{
position: absolute;
left: 675px; 
top: 34px;
width: 100px;
height:480px;
padding-left: 3px;
padding-right: 3px;
padding-top: 7px;
padding-bottom: 7px;
}

/* New ServiceRequest question section */
#QuestionSection
{
text-align:left;
color: #000000; 
background-color: #F2F2FA;  
width: 788px; 
height: 450px; 
overflow: auto;
}

/* Question asked in CI Catalogs */
#QuestionSectionCatalog
{
text-align:left;
color: #000000; 
background-color: #F2F2FA;  
width: 660px; 
height: 450px; 
overflow: auto;
}

/* END NEWST DEFINITION */
/******************************************************/


/******************************************************/
/* BEGIN MENUBAR DEFINITION */
/* Used in enduser, admin */
.menu {
  list-style : none;
  font-family :  Arial, Helvetica, sans-serif;
  font-size : 11px;
  font-weight : bold;
  color:	#039;
  border-top : .09em solid #e8e8e8;
  border-bottom : .09em solid #bbb;
  padding : 0;
  margin : 0 0 1em 0;
  height : 2.18em;
  background : #ddd 0px 50% repeat-x; 
}

/* Added with B41 */
.menu select  {
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
width:	240px;
color:	#039;
background-color: #FFFFFF;
 border : .09em solid #bbb;
 margin-bottom : 0.03em;
}

.menu .stream { display : none; }

.menu li {
  display : inline;
}

.menu a {
  position : relative;
  margin-top : -.09em;
  float : left;
  border : .09em solid #e8e8e8;
  border-bottom : .09em solid #bbb;
  border-right : .09em solid #bbb;
  padding : .40em 10px .40em 10px;
  background : #ddd 0px 50% no-repeat;
  text-decoration : none;
}

.menu h1 {
  position : relative;
    font-family :  Arial, Helvetica, sans-serif;
	  font-size : 11px;
  font-weight : bold;
  margin-top : -.09em;
  margin-right: 0em;
  float : left;
  border-left : none;
    border-top : .09em solid #e8e8e8;
  border-right : .09em solid #bbb;
  border-bottom : none;
  padding : 0.03em 10px .08em 10px;
  background : #ddd 0px 50% no-repeat;
  text-decoration : none;
}

* html .menu a { margin-bottom : -.09em; }

* html .menu h1 { margin-bottom : -.09em; }

.menu .active a {
  border-left : none;
  border-right : none;
  border-bottom : none;
  padding-bottom : .54em;
}

.menu-ie5mac a { padding-bottom : .27em; }
.menu-ie5mac .active a { padding-bottom : .36em; }

.menu a:link,
.menu a:visited,
.menu a:active {
  color : #039;
}
.menu a:hover
 {
  color : #D63139;
}

/* END MENUBAR DEFINITION */
/******************************************************/


/******************************************************/
/* BEGIN HEADER DEFINITION */
/* Used in : enduser, admin */
#header
{
	background-image: url('img/wblogo.gif');
	background-position: 100% 0%;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	width: 990px;
	padding: 0px;
	float: left;
}

/* Headertext, used on SRM home */
#headerbar  {
position: relative;
left: 0px;
top: 0px;
height: 53px;
background-image: url('img/srm4-header.jpg');
background-repeat: no-repeat;
color:	#666666;
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:	22px;
font-variant:	normal;
font-weight:	bold;
letter-spacing: 1px;
padding-left: 8px;
padding-top: 8px;
}

/* END HEADER DEFINITION */
/******************************************************/


/******************************************************/
/* BEGIN DROPDOWN DEFINITION */

/* default dropdown box */
select  {
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
width:	240px;
color:	#000000;
background-color: #FFFFFF;
}

/* Style dropdown box - wider version*/
.select_wide {
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
width:	300px;
color:	#000000;
background-color: #FFFFFF;
}

/* Style dropdown box - narrower version*/
.select_small {
font-family:	Arial, Helvetica, sans-serif;
font-size:	12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
width:	150px;
color:	#000000;
background-color: #FFFFFF;
}

/* END DROPDOWN DEFINITION */
/******************************************************/

/******************************************************/
/* BEGIN LISTMENU DEFINITION */
/* Used in: enduser main page (see leftmenu), ci catalog tab (see rightmenu) */
.leftmenuitem1
{
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
text-decoration:none;
vertical-align: middle;
background-color: #FAFAFA;
color: #000000;
border-width: 1px; border-style: solid; border-color: #CCCCCC;
width: 150px;
height: 40px;
}

.leftmenuitem2
{
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style:	normal;
font-variant:	normal;
font-weight:	normal;
text-decoration:none;
vertical-align: middle;
background-color: #DDDDDD;
color: #000000;
border-width: 1px; border-style: solid; border-color: #CCCCCC;
width: 150px;
height: 40px;
}
/* END LISTMENU DEFINITION */
/******************************************************/

/******************************************************/
/* BEGIN BUTTON DEFINITION */
/* Used in: enduser, admin */
#button {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
margin-left: 3px;
}

#button ul {
list-style: none;
margin: 0px;
padding: 4px 0px 0px 0px;
}

#button li {
display: inline;
}

#button a:link, #button a:visited {
margin: 3px 5px 2px 5px;
padding: 3px 10px 2px 10px;
background-color: #F2F2FA;
text-decoration: none;
text-align: center;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;
/* width: 110px; */
}

#button a:hover {
border-top: 1px solid #717171;
border-left: 1px solid #717171;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
/* width: 110px; */
/* Give more button behaviour, by offsetting hovered button 1px */
position: relative;
top: 1px;
left: 1px; 
}
/* END BUTTON DEFINITION */
/******************************************************/

/******************************************************/
/* BEGIN TAB DEFINITION */
/* Used in: enduser, admin */
#tablist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #CCCCCC;
font: bold 12px  Arial, Helvetica, sans-serif;
}

#tablist li
{
list-style: none;
margin: 0;
display: inline;
}

#tablist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #CCCCCC;
border-bottom: none;
background: #F2F2FA;
text-decoration: none;
}

#tablist li a:link { color: #000; }
#tablist li a:visited { color: #000; }

#tablist li a:hover
{
color: #000;
background: #F7D5D7;
border-color: #CCCCCC;
}

#tablist li a#current
{
background: #FFFFFF;
border-bottom: 1px solid white;
}

/* END TAB DEFINITION */
/******************************************************/

/******************************************************/
/* BEGIN LINKMENU DEFINITION */
/* Used in (optional): enduser, admin */

#linkmenu {
  position: absolute;
	top: 0px;
	left: 370px;
	height: 55px;
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color:	#000000;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
margin-left: 5px;
vertical-align: middle;
}

#linkmenu ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 4px;
}

#linkmenu li {
/*display: inline;*/
}

#linkmenu a:link, #linkmenu a:visited, #linkmenu a:hover{
margin-right: 2px;
padding: 3px 3px 3px 3px;
text-align: center;
}
/* END LINKMENU DEFINITION */
/******************************************************/


/******************************************************/
/* BEGIN PRINT DEFINITION */

/* printer styles */ 
@media print{ 
#header{display:none;}


#leftmenu{display:none;}
#viewmenu{display:none;}
#footer{display:none;}
#content{left:auto; top: auto;}
#button{display:none;} 
#QuestionSection{width: 700px; height: auto;}
/* Show all info from textboxes in new st */
textarea {overflow:visible;}
.TableTdSwitch, .TableTd2Switch {background-color:	white ;color: black;}
select, .select_wide, .select_small {
width:	auto;
color:	#000000;
border: 0px;
}

}
/* END PRINT DEFINITION */
/******************************************************/

.defaultTreeTable{
			margin : 0;
			padding : 0;
			border : 0;
}
.containerTableStyle { overflow : auto; font-size : 12px;}
.standartTreeRow
{
	font-family:	Arial, Helvetica, sans-serif;
	font-size:	12px;
	font-style:	normal;
	font-variant:	normal;
	font-weight:	normal;
	height:	20px;
}
.selectedTreeRow
{
	background-color:navy;
	color:white; 
	font-family:	Arial, Helvetica, sans-serif;
	font-size:	12px;
	font-style:	normal;
	font-variant:	normal;
	font-weight:	normal;
	height:	20px;
}
.standartTreeImage{ width:18px; height:18px;  overflow:hidden; border:0; padding:0; margin:0; }
.hiddenRow { width:1px;   overflow:hidden;  }
.dragSpanDiv{ 	font-size : 12px; 	border: thin solid 1 1 1 1; }


#stlist_header {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 1000px;
	background-image: url(img/wblogo.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#stlist_headertxt {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 1000px;
	left: 0px;
	top: 0px;
	background-image: url('img/srm4-header.jpg');
	background-repeat: no-repeat;
	color:	#FFFFFF;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	22px;
	font-variant:	normal;
	font-weight:	bold;
	letter-spacing: 1px;
	padding-left: 8px;
	padding-top: 8px;
}
#stlist_mainnav {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 1000px;
}
#stlist_content {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 800px;
}
#stlist_contentleft {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 265px;
}
#stlist_contentright {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 535px;
}
#stlist_bottom {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 1000px;
}