/*
Salsa Default Styles
Do NOT change this file, and expect the changes to stick around.  New updates to the code will
change this file, and overwrite all other changes.  To have a custom stylesheet, copy the
custom-deploy.css file to custom.css, and make all new changes there.  For example, in that file,
you could overwrite the default font, or colors that are defined in this file.
*/

BODY {
	margin: 0px 0px 0px 0px;
	color : #333;
	background-color: #FFF;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size: 11px;
}
img{border: none;
 margin-left: 0px;
    margin-right: 0px;
}


a{
COLOR:#0E8BC2;
font-family: Arial,sans-serif;

font-size : 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight : normal;
}

a.lightLink{
	COLOR:#FFFFFF;
}

a:link{
	
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	color: #006699;
}
a:visited{
	
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	color: #006699;
	

}
a:hover{
	color : #808080;
	
	FONT-SIZE: 11px;
	TEXT-DECORATION: underline;
	color: #E49353;
}



input{
font-family: "lucida grande",verdana,lucida,arial,helvetica,sans-serif;
font-style: normal; font-variant: normal; font-weight: normal; 
font-size: 11px; 
font-size-adjust: none; font-stretch: normal; line-height: 1.1em;
  
  color: inherit;
  border: 1px solid #777;
}

textarea,.inputStyle,select { 
font-family:Verdana,Arial, Helvetica, sans-serif;
border: 1px solid rgb(228, 147, 83);
background: rgb(255, 255, 255) url(/dia/hq/images/input-back.jpg) repeat-x scroll center bottom; font-family: "lucida grande",verdana,lucida,arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-size-adjust: none; font-stretch: normal; line-height: 1.1em;
  color: inherit;
  border: 1px solid #777;
}

input:focus, textarea:focus {
  background: transparent;
  border: 1px solid #0E8BC2;
}

input.submit{
  color: #663300;
  background: #eee;
  border: 2px #9cf outset;
  font-weight:bold;
}


.blockStyle { 
font-family:Verdana,Arial, Helvetica, sans-serif;
   background       : #FFFFFF url(/dia/hq/images/taMenuBorder.gif) repeat-x bottom;
   padding-bottom : 7px;
   padding-left : 10px;
   display:   block;
}

.bannerImage{
	width: 143px;
	height: 45px;
	margin-right: 12px;
	background: url(/dia/images/diaSmallLogo.gif);
}



ul{
	margin-left: 0px;
	margin-bottom: 0em;
	margin-top: 0em;
	list-style: none;
}


input.checkbox,input.radio{
	border: none;
	background : none;
}

h1,h2,h3,h4,legend{
	margin-bottom: .3em;
	margin-top: .1em;
	COLOR:#0E8BC2;
}

.headerClass{

	COLOR:#E49353;
}

h2.banner{
	COLOR:#EFEFEF;
}

h1{  FONT-SIZE: 26px;}
h2{  FONT-SIZE: 20px;}
h3,legend{  FONT-SIZE: 18px;}
h4{  FONT-SIZE: 15px;}

h1{
	text-align : left;
}
.small {
	color : #FF9900;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
}
.smallgrey {
	color : #999;
	font-size : 10px;
}
.error {
	color : #C40000;
	font-size : 11px;
	font-weight : bold;
}
.contentheading, .componentheading, .moduleheading {
	font-size: 14px;
	font-weight: bold;
}
table.menubar {
	width: 100%;
	
}
td {
	font-size: 11px;
	color: #663300;
}

/* standard list style table */
table.adminlist {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	border-spacing: 0px;
	width: 100%;
	border-collapse: collapse;
}

table.adminlist th {
	margin: 0px;
	padding: 6px 4px 2px 4px;
	height: 20px;
	background: url(../images/background.gif);
	background-repeat: repeat;
	font-size: 11px;
	color: #ffffff;
	background-color: #0E8BC2;
	text-align: left;
}
table.adminlist th.title {
	text-align: left;
}

table.adminlist th a {
	color: #ff9900;
	font-size: 11px;
	font-weight:bold;
	
}

table.adminlist tr.row0 {
	background-color: #F5F5F5;
}
table.adminlist tr.row1 {
	background-color: #FFF;
}
table.adminlist td {
	border-bottom: 1px solid #e5e5e5;
	padding: 4px;
}
table.adminlist tr.row0:hover {
	background-color: #f1f1f1;
}
table.adminlist tr.row1:hover {
	background-color: #f1f1f1;
}
table.adminlist td.options {
	background-color: #ffffff;
	font-size: 8px;
}
select.options, input.options {
	font-size: 8px;
	font-weight: normal;
	border: 1px solid #999999;
}


li.previousMenu, li.currentMenu, li.nextMenu{
 margin           : 0px;
 	list-style-image : none;
         vertical-align: top;
         
         width: 130px;
         height: 32px;
         text-decoration  : none;
         font-weight: bold;
         font-size : 10px;
        text-align: center;
}

li.previousMenu{
background: url(/dia/hq//images/forward_f2.png) no-repeat;
}

li.currentMenu{
background: url(/dia/hq/images/forward_f1.png) no-repeat;
}

li.nextMenu{
background: url(/dia/hq/images/forward.png) no-repeat;
}

ul.stepMenu
{
   display: inline;
   
   margin           : 0px;
   padding          : 0px;
   list-style       : none;
   list-style-image  : none;
   vertical-align: top;
   border: 3 px black;
   
}
.menuBox{
	margin: 5px;
	padding:	0px;
	background: #fafafa;
	border:	1px solid #30559C;
}

.menuBox h3{
	margin: 0px;
	padding:	2px;
	background: #e49353;
	color: #ffffff;
	font-weight: bold;
        font-size : 12px;
}

.content{
	padding: 5px;
	color: #333;
}

.menuBox li,.menuBox li a{
	padding:	1px;
	border-top:	1px solid #C0C5EC;
	list-style-image  : url(/dia/hq/images/arrow.gif);
	color: #111111;
}
.menuBox li:hover{
	background: #ffffff;
}


.header a{
	text-decoration : underline;
}

.module{
	margin: 5px;
	padding:	0px;
	background: #fafafa;
	border:	1px solid #00059C;
}
.module a{
	text-decoration : underline;
}


.module h3{
	margin: 0px;
	padding:	2px;
	background: #e49353;
	border-bottom:	1px solid #33059C;
	color: #ffffff;
	font-weight: bold;
        font-size : 12px;
}
.module li,.module li a{
	margin:	2px;
	padding:	2px;
	color: #111111;
}
.module li:hover{
	margin:	2px;
	padding:	2px;
	color: #111111;
	background: #dddddd;
}


.module h3.red{
	background: #ff3333;
}

.module h3.help{
	background: #3872b2;
}

div.dynamic-tab-pane-control div.tab-row div.unselected{
	border-bottom:	1px solid #C0C5EC;
}

.hiddenElement{
	visibility: hidden;
}

.accountMessage{
	margin-left:auto;
	margin-right:auto;
	border:1px solid black;
	width:400px;
}