﻿
.urlBox
{
    width: 500px;
}


.simpleBox
{
    width: 300px;
}

.simpleBox2
{
    width: 200px;
}

.textAreaSize
{
    width:300px;
    height:100px;
}

h3
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px;
}

a.block
{
    display: block;
    float:left;
}


/* BOX */

.box div
{
    font-family: Arial;
}

.title
{
    font-size: 11px;
    font-weight: bold;
    font-family: Arial;
    color: #000000;
}

.question
{
    font-size: 12px;
    font-family: Arial;
    margin-bottom: 5px;
}

.answer
{
    font-size: 11px;
    font-family: Arial;
    margin-bottom: 10px;
}

.answerBold
{
    font-size: 11px;
    font-family: Arial;
    margin-bottom: 10px;
    font-weight: bold;
}

select, input, textarea
{
    font-size: 11px;
    font-family: Arial;
}

.TinyBox
{
    width: 50px;
}

.box
{
    float:left;
/*    width: 200px; */
    padding-right: 10px;
}

.boxSpace
{
    padding-right: 50px;
}

.boxFull
{
    float:left;
/*    width: 400px; */
    width: 100%;
}

.BigBox
{
    width: 300px;
}

.SmallBox
{
    width: 100px;
}

.MediumBox
{
    width: 200px;
}

.MessageBox
{
    display: block;
    /*margin-top: 20px; */
    margin-bottom: 20px;
}

.MessageError
{
    display: block;
    margin-bottom: 20px;
    color: #ff0000;
}

.FunctionInactive
{
    display: block;
    color: #ff0000;
}

/* BOXLIST - 1 */

.NavigationListBox
{
    float:left;
}

.NavigationListBoxTypeLeft
{
    float:left;
}

.NavigationListBoxTypeRight
{
    float:right;
}

.NavigationListBoxType3
{
    width: 350px;
    margin: 0px 20px 20px 0px;
}


.NavigationListBox .TitleBar
{
    float:left;
    line-height: 22px;
    vertical-align: middle;
    height: 22px;
    width: 100%;
    /*width: 250px;*/
    background: url('/design/gfx/title_nav.gif');
    clear:both;
}

.NavigationListBox .TitleBar .Text
{
    /*padding-left: 20px; */
    padding: 0px 20px 0px 20px;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}

.NavigationListBox .TitleBar .Text a
{
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}

.NavigationListBox .BoxContent
{
    float:left;
    width: 100%;
}

.NavigationListBox .Content
{
    margin: 0px 3px 0px 3px;
     /*
    float:left;
    padding: 0px 3px 0px 3px;
    */
}

.NavigationListBox .InnerContent
{
    float:left;
    width:100%;
    background-color: #EFF3F7;
}

.NavigationListBox .Content .InnerContent .Text
{
    float:left;
    padding: 10px 20px 5px 20px;
    font-size: 12px;
    color: #0000ff;
}

.NavigationListBox .Content .InnerContent .TextWhite
{
    color: #ffffff;
}

.NavigationListBox .Content .InnerContent .TextBlack
{
    color: #000000;
}


/* BOXLIST - 2 */

.BoxListType2
{
    width: 250px;
}

.BoxListType
{
/*    width: 250px; */
    float:left;
    clear:both;
}

.BoxListType .TitleBar
{
    float:left;
    line-height: 22px;
    vertical-align: middle;
    height: 22px;
    width: 100%;
    /*width: 250px;*/
    background: url('/design/gfx/title_nav.gif');
    clear:both;
}

.BoxListType .TitleBar .Text
{
    padding-left: 20px;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}

.BoxListType .Content
{
    float:left;
    padding: 0px 3px 0px 3px;
}

.BoxListType .InnerContent
{
    float:left;
    width: 244px;
    background-color: #EFF3F7;
}

.BoxListType .Content .InnerContent .Text
{
    float:left;
    padding: 10px 0px 5px 20px;
    font-size: 12px;
    color: #0000ff;
}


/* EnergyMeterSelectionList */

.EnergyMeterSelectionList
{
    margin: 0px 0px 8px 0px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.EnergyMeterSelectionList option
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* PAGETOP */

div#UserLoginInfo
{
	float:right;
	padding: 0px;
	margin: 0px;

	position:relative;
	top: 20px;
	/*width: 200px; */
	/*width: 200px;*/
	height: 100%;
	margin-right: 20px;
}


div#UserLoginInfo #LeftWall
{
	float:left;
	background: transparent url(/design/img/loggedonuser_left.gif) no-repeat;
	width: 4px;
	height: 51px;
}

div#UserLoginInfo #RightWall
{
	float:left;
	background: transparent url(/design/img/loggedonuser_right.gif) no-repeat;
	width: 5px;
	height: 51px;
}

div#UserLoginInfo #FullContent
{
	float:left;

	border-width: 1px 0px 1px 0px;
	border-color: #dee4e7;
	border-style: solid;
	height: 49px;

	FONT-SIZE: 10px;
	color: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #f9f9f9;
	TEXT-ALIGN: left;

	/*width: 175px; */
	/*width: 175px; */
	/*width: 250px;*/
	/*width: auto;*/
}

div#UserLoginInfo #Content
{
	/*margin: 10px 0px 10px 12px; */
	padding: 3px 15px 0px 15px;
}

div#UserLoginInfo #Content .Username
{
	font-weight: bold;
}

div#UserLoginInfo #Content .Customername
{
    font-weight: bold;
}

div#UserLoginInfo #Content .Logout
{
    margin-top: 4px;
}



div.MessageNotSelected a
{
    float:left;
    display:block;
/*    color: #000000; */
/*    text-decoration: none; */
}
  
div.MessageSelected a
{
    float:left;
    display:block;
    color: #000000;
    text-decoration: none;
    
    font-weight: bold;
}