BODY
{
    MARGIN-TOP: 12px;
    FONT-SIZE: x-small;
    MARGIN-LEFT: 0px;
    BACKGROUND-COLOR: #FFFFFF
}

body, td
{
	font: 12px Arial,Helvetica, Sans-serif;
	text-align:left;
}
.largetext
{
	font-weight: bold;
	font-size: 17px;
}
.textdiv
{
    BORDER-RIGHT: 0pt solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: 0pt solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    OVERFLOW: auto;
    BORDER-LEFT: 0pt solid;    
    PADDING-TOP: 5px;
    BORDER-BOTTOM: 0pt solid;
    HEIGHT: 200px
}

div.ShowPersonalInfoTop
{
	display: none;
}

table.layout
{
	width:740px;
	margin: 0 auto; 
	text-align: left;
}

a:link {
    color: #326085;
}

a:active {
    color: #326085;
}

a:visited {
    color: #326085;
}

a:hover {
    color: #6498C1;
}


a.headerlink, a.headerlink:visited, a.headerlink:link, a.headerlink:active
{
	color:White;
	text-decoration: none;
}

a.portalMenuLink, a.portalMenuLink:visited, a.portalMenuLink:link, a.portalMenuLink:active
{
	color:White;
	text-decoration: none;
}
/*a:hover
{
    COLOR: Grey;
    text-decoration: underline;
}*/



.active
{
    COLOR: #CCCCCC;
    TEXT-DECORATION: none
}
.orangetext
{
    COLOR: #0066CC;
    TEXT-DECORATION: none
}
.redtext
{
    FONT-WEIGHT: bolder;
    COLOR: #FF0000;
    TEXT-DECORATION: none
}
.greentext
{
    COLOR: #009715;
    TEXT-DECORATION: none
}
.bluetext
{
    COLOR: #2626ff;
    TEXT-DECORATION: none
}
.whitetext
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.offtext
{
    COLOR: #a3a3a3;
    TEXT-DECORATION: none
}
.graytext
{
    COLOR: #a0a59a;
    TEXT-DECORATION: none
}
.error
{
    FONT-WEIGHT: bolder;
    COLOR: #ff0000;
    TEXT-DECORATION: none
}
.activebold
{
    FONT-WEIGHT: bolder;
    COLOR: #002a3e;
    TEXT-DECORATION: none
}
.boldcolor
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: #002a3e;
}

P.txt
{
    FONT-SIZE: 10px;
    COLOR: #002a3e;
    LINE-HEIGHT: 15px;
}
.txtform
{
    BORDER-RIGHT: #00496b 1px solid;
    BORDER-TOP: #00496b 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #00496b 1px solid;
    COLOR: #002a3e;
    BORDER-BOTTOM: #00496b 1px solid;
    BACKGROUND-COLOR: #ccdff3
}
.txtformlight
{
    BORDER-RIGHT: #b1d2ef 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #b1d2ef 1px solid;
    PADDING-LEFT: 5px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #b1d2ef 1px solid;
    COLOR: #002a3e;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #b1d2ef 1px solid;
    HEIGHT: 25px;
    BACKGROUND-COLOR: #ffffff
}
.chkboxtrans
{
    BACKGROUND-COLOR: transparent
}
.buttonform
{
    FONT-SIZE: 10px;
    COLOR: #002a3e;
}

SELECT, INPUT, TEXTAREA
{
    FONT-SIZE: 10px;
    COLOR: #000000;
}

TEXTAREA
{
    OVERFLOW: auto;
}
.headline
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13px;
    COLOR: #002a3e;
}
.hrlong
{
    WIDTH: 100%;
    COLOR: #00496b;
}
.txt
{
    FONT-SIZE: 10pt;
    COLOR: #002a3e;
}
.Bgimage
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-ATTACHMENT: fixed;
    background-repeat: no-repeat
}

.header
{
    BORDER-TOP: lightgrey 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #ededed;
    BORDER-BOTTOM: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-right: lightgrey 1px solid;
}
.form-label{
/*Font-Names="Verdana" BackColor="Transparent" BorderStyle="None"*/
}

.form-field{
/*Font-Names="Verdana" BackColor="PowderBlue" BorderStyle="Solid"	Width="108px" Font-Size="XX-Small" BorderWidth="1px" Height="20px" ForeColor="Black" BorderColor="Transparent"
BorderStyle="Solid" Width="108px" Font-Size="XX-Small" BorderWidth="1px" Height="20px" ForeColor="Black" BorderColor="Transparent"
Font-Names="Verdana" BackColor="PowderBlue" BorderStyle="Solid" Width="108px" Font-Size="XX-Small" BorderWidth="1px" Height="20px" ForeColor="Black" BorderColor="Transparent"
Font-Names="Verdana" BackColor="PowderBlue" Font-Size="XX-Small"*/

}

.form-button{
/*
Font-Names="Verdana" BackColor="#FF8000" BorderStyle="Solid" Font-Size="Larger" ForeColor="White" BorderColor="White"
Font-Names="Verdana" BackColor="#FF8000" BorderStyle="Solid" Font-Size="Larger" ForeColor="White" BorderColor="White"
*/
}

.field-readonly{
background-color:#cccccc;
color:#666666;
}


.datalist{}

.datalist-item{
font-weight:bold;
text-decoration:none;
color:blue;
}

.datalist-item-selected{ 
background-color:#AEB5D2;
color:#000000;
text-decoration:none;
}



.grid, .invoice-grid{
border:1px solid #000000;
padding:1px;
margin:0px;
}
.grid-header, .invoice-grid-header{
background-color:#AEB5D2;
font-weight:bold;
background-image:url(../Resources/Shared/grid_header_bg.jpg);
background-repeat:repeat-x;
border:1px solid #999999;
}


.grid-item, .invoice-grid-item{
background-color:#eeeeee;
border-bottom:1px solid #cccccc;
border:1px solid #990000;
}

.grid-item-alternate, .invoice-grid-item-alternate{
background-color:#ffffff;
border-bottom:1px solid #cccccc;
}

.page-middle{
background-repeat:repeat-x;
}

/* TEMPLATE STUFF */



.pageBackground
{
}





.frontMenuSeparator
{
	background-color:White;
	width:3px;
	height:100%;
}

.articleViewHeadingButtonsSelected
{
	background-image: url(menu_left_btn_on.gif);
	background-repeat:no-repeat;
	width:155px;
	text-align:left;
	padding-top:10px;
	padding-left:25px;
}
.articleViewHeadingButtons
{
	background-image: url(menu_left_btn_off.gif);
	background-repeat:no-repeat;
	width:155px;
	text-align:left;
	padding-top:10px;
	padding-left:25px;
}

.articleViewHeadingButtonsBottom
{
	background-image: url(menu_left_bottom.gif);
	width:155px;
}

.helptext
{
	text-align: left;
}
.centertext
{
	text-align: center;
	font-size: larger; 
}
.framedtable
{
	width: 460px;
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	BORDER-LEFT: black 1px solid; 
	BORDER-BOTTOM: black 1px solid
}

.smssummarytable
{
	width: 275px;
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	BORDER-LEFT: black 1px solid; 
	BORDER-BOTTOM: black 1px solid
}

.avtalegirotable
{
	width: 600px;
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	BORDER-LEFT: black 1px solid; 
	BORDER-BOTTOM: black 1px solid
}

.showprint
{
	display: none;
}

.printbox
{
}

.smsLink, a.smsLink, a.smsLink:link, a.smsLink:visited, a.smsLink:hover, a.smsLink:active
{
	color: #335988;
	font-weight:bold;
}

.maintable
{
	width: 580px;
	margin-left: 50px;
	margin-top: 20px;
	
}
.subscriptionTable
{
	width: 460px;
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	BORDER-LEFT: black 1px solid; 
	BORDER-BOTTOM: black 1px solid	
}

.subscriptionRow
{
	border-bottom: lightgrey 1px solid;
	vertical-align: top;
	text-align: left;
}

.heading1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5A81A9;
	font-size: 14px;
	font-weight: bold;
}
.helptable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #EBEBEB;
}

.propertyheader
{
	FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
    BORDER-LEFT: lightgrey 1px solid;
    BORDER-RIGHT: lightgrey 1px solid; 
    BORDER-TOP: lightgrey 1px solid; 
    BORDER-bottom: lightgrey 1px solid;
}
.propertyname
{
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
    BORDER-LEFT: lightgrey 1px solid;
    BORDER-RIGHT: lightgrey 1px solid;
    BORDER-bottom: lightgrey 1px solid;
    BORDER-TOP: lightgrey 1px solid; 
}
.propertyvalue
{
    BORDER-LEFT: lightgrey 1px solid;
    BORDER-RIGHT: lightgrey 1px solid;
    BORDER-bottom: lightgrey 1px solid;
    BORDER-TOP: lightgrey 1px solid;
}

.productheader
{
	FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
    BORDER-LEFT: lightgrey 1px solid;
    BORDER-RIGHT: lightgrey 1px solid; 
    BORDER-TOP: lightgrey 1px solid; 
	vertical-align:top;
    border-bottom: lightgrey 1px solid;
    white-space:nowrap;
}
.productname
{
	FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
    BORDER-LEFT: lightgrey 1px solid;
    BORDER-RIGHT: lightgrey 1px solid; 
	vertical-align:top;
    border-bottom: lightgrey 1px solid;
    white-space:nowrap;
}

.productvalue
{
	BORDER-RIGHT: lightgrey 1px solid; 
	vertical-align:top;
    border-bottom: lightgrey 1px solid;   
    white-space:nowrap;
}

.txtBox
{
	width:100px;	
}

.tdPriceMonthly
{
	width:100px;	
	text-align:right;
}

.tdAlignRight
{
	text-align:right;
}

.ContactBox
{
	width:330px;
	height:80px;
}

.ContactButton
{
	width:100px;	
}

.NumberBox
{
	width:90px;	
}

.ContactTdWidth
{
	width:337px;	
}

.GroupTdWidth
{
	width:163px;
}

.ContactEditingPanel
{
	margin-top:3px;
	border:solid 1px #7F9DB9;
	width:450px;	
}

.marginContact
{
	margin-top:5px; 
	margin-bottom:5px;	
	margin-left:4px;
}

.editingBoxMargin
{
	margin-left:6px;
}

/* Telio specefic style*/

.menuitem {
        text-align: center;
        background-color: #000000;
        color: #FFFFFF;
        text-transform: uppercase;
        font-size:11px;
}

.menuitem a {
        font-weight: bold;
        letter-spacing: 1px;
        background-color: #000000;
        color: White;
        height: 30px;
        text-align: center;
        line-height: 30px;
        display: block;
        text-decoration: none;
}

.menuitem a:hover {
        background-color: #99B9D4;
        color: #000000;
        text-decoration: none;
}

.menuitem a:link {
        text-decoration: none;
}

.menuitem a:active {
        text-decoration: none;
}

.menuitem a:visited {
        text-decoration: none;
}

.footer
{
	background-color:Black;
	color:White;
}
/* end Telio specefic style */