@import "../../../css/base-bcp.css";

body, html
{
    background: #ECECEC;
}

#wrap
{
	font-family:'Arial';
	font-size: 12px;
    background: #fff url(../img/c4_wrap.jpg) repeat-y 0 0;
}

#head
{
    background: transparent url(../img/header.jpg) no-repeat 100% 0;
    height: 103px;
}

#menu
{
    background: transparent url(../img/c4_menu.png) repeat-x scroll center bottom;
    padding: 0;
    margin-right: -5px;
    height: 37px;
}

#menu div
{
    background: transparent url(../img/c4_menu_left.png) no-repeat scroll left bottom;
    height: 37px;
    line-height: 0.231;
}

#menu ul
{
    background: transparent url(../img/c4_menu_right.png) no-repeat scroll right bottom;
    height: 37px;
    margin:0pt 0pt 0pt 10px;
}

#menu ul.AspNet-Menu li
{   
    display:inline-block;
    background: transparent url(../img/c4_menu_separator.png) no-repeat 100% 3px;
}

#menu li.current
{
    background: #5da1ca url(../img/c4_menu_hover_right.png) no-repeat 100% 0;
}

#menu ul.AspNet-Menu li a
{
    display: inline-block;
    padding: 1em 10px;
    color: #fff;
	font-family: Arial,sans-serif;
    font-weight: bold;
    text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
}

#menu li a:hover
{
   background: #5da1ca url(../img/c4_menu_hover_right.png) no-repeat 100% 0;
}


#menu:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#foot
{
    background: #ECECEC url(../img/c4_foot.jpg) no-repeat top center;
}

h1
{
    color: #e76b00;
    border-bottom: solid 1px #F3AD3D;
    padding: 0 0 2px 10px;
	font-size: 155%;
	text-shadow: 2px 2px 1px #eeeeee;
}

h1 span {
    color: #000;
    font-size: 71%;
    padding-left: 20px;
}

h2
{
    color: #8d4200;
}

a
{
    text-decoration: none;
    color: #FE7600;
    font-weight: bold;
    font-size: 12px;
}

a:hover
{
	color: #8085BC;
}

a:active
{
	outline:0 none;
	position:relative;
	//top: 1px;
}

#head .customercategory a
{
    color: #343434;
}

#head .customercategory .current
{
    color: #000000;
}

#head .customercategory a.current:hover
{
    color: #000000;
    text-decoration:none;        
}

#head .customercategory a:hover
{
    color: #8085BC;
}

#head .admin
{
    margin-top: 50px;
    margin-right: 4px;
    position:absolute;
    right:0;
    text-align:right;
    font-size: 90%;
    color: #616161;
	text-shadow: 1px 1px 0 #eeeeee;
}

#head .admin span
{
    font-weight:bold;
    float:left;
    margin-right:26px;
    margin-top:3px;
}

#head .admin a
{
    color: #DDDDDD;
}

#head .admin a
{
    font-size:12px;
    color: #343434;
}

#head .admin a:hover
{   
    color: #8085BC;
}

/*--- LOGIN BOX ---*/

#head .login
{
    color: #616161;
}

#head .login span {
	padding-right: 17px;
}

#head .login input
{
    background-color: #FDEFE6;
    border: solid 1px #414141;
}

#head .login input:focus
{
    border: 1px solid #FFFFFF;
}

#head .login .error
{
    background-color: #FDEFE6;
    border: 1px solid #000000;
}

/*--- NETWORK SELECTOR ---*/
#head .network a
{   
    color: #343434;
}
#head .network a:hover
{   
    color: #8085BC;
}

#head .network h2 {
	color:#343434;
    margin-bottom: 180px;
    margin-left: 12px;
    opacity: 0;
}

/* http://www.456bereastreet.com/archive/200506/customising_custom_corners_and_borders */
.cbb
{
    border: 1px solid #5d9ec8;
    background: #fff;
}
.bt
{
    background: url(../img/c4_box.png) no-repeat 100% 0;
}
.bt div
{
    background: url(../img/c4_box.png) no-repeat 0 0;
}
.bb
{
    background: url(../img/c4_box.png) no-repeat 100% 100%;
}
.bb div
{
    background: url(../img/c4_box.png) no-repeat 0 100%;
}
.i1
{
    background: url(../img/c4_box_borders.png) repeat-y 0 0;
}
.i2
{
    background: url(../img/c4_box_borders.png) repeat-y 100% 0;
}
.i3
{
    background: #fff;
}
.tab
{
    background: #F3AE3E;
    color: #fff;        
}
.tab .bt
{
    background-image: url(../img/c4_tab.png);
}
.tab .bt div
{
    background-image: url(../img/c4_tab.png);
}
.tab .bb
{
    background-image: url(../img/c4_tab.png);
}
.tab .bb div
{
    background-image: url(../img/c4_tab.png);         
    _background-image: none; /*IE6 HACK*/
}
.tab .i1
{
    background-image: url(../img/c4_tab_borders.png);
}
.tab .i2
{
    background-image: url(../img/c4_tab_borders.png);
}
.tab .i3
{
    background: #F3AE3E;
    color: #fff;
	text-shadow: 1px 1px 0px #cb9f00;
}

/* --- MAIN OFFER DISPLAY STYLES --- */
.mainoffer
{
    width: 145px;
    height: 115px;
    margin: 0px 4px;
}
.mainoffer:hover
{
    cursor: pointer;
    cursor: hand;
}
.mainoffer h5, .mainoffer p
{
    margin: 0px 15px;
}

.mainoffer h5
{
    margin-top: 110px;
}

/* --- SERVICE CATEGORY SELECTOR STYLES --- */
div.scselect
{
    width: 145px;
    height: 115px;
    margin: 0px 4px;
}

div.scdivider
{
    clear: both;
    border-top: solid 1px #3D3D3D;
}
.sub .bt
{
    background-image: url(../img/c4_sub.png);
 }
.sub .bt div
{
    background-image: url(../img/c4_sub.png);
}
.sub .i3
{
    background: #fff url(../img/c4_sub_bg.png) no-repeat 0 0;
}
#sub .tab .bt
{
    background-image: url(../img/c4_tab.png);
}
#sub .tab .bt div
{
    background-image: url(../img/c4_tab.png);
}
#sub .tab .bb
{
    background-image: url(../img/c4_tab.png);
}
#sub .tab .bb div
{
    background-image: url(../img/c4_tab.png);
}
#sub .tab .i1
{
    background-image: url(../img/c4_tab_borders.png);    
}
#sub .tab .i2
{
    background-image: url(../img/c4_tab_borders.png);
}
#sub .tab .i3
{
    background: #F3AE3E;
    color: #fff;
	text-shadow: 1px 1px 0 #D49B3E;
}

.cb .logo
{
    padding: 0.5em 1em;
    font-size: 93%;
}
.cb .logo img
{
    float: left;
    margin: 0 1em 1em 0;
}

.cb table
{
    width: 100%;
    clear: both;
}
.cb th, .cb td
{
    padding: 0.5em 1em;
    font-size: 93%;
}
.cb th
{
    font-weight: bold;
}

.cb td img
{
    vertical-align: middle;
    margin-right: 0.5em;
}

span.help:hover span.description
 {
    border: 1px solid #5d9ec8;
    background: #fff url(../img/c4_sub_bg.png);
 }



/* serviceprovider */
div.serviceprovider 
{
	float: left;
	width: 30%;
	font-size: 93%;
}

div.serviceprovider h4
{
	padding-top: 10px;
}

div.serviceprovider p
{
	margin-bottom: 0;
}

div.subscriptioninfo
{
    float: right;
    width: 70%;
}

div.servicecategoryinfo
{
    /*float: left;*/
}

div.servicecategory
{
    float: left;
    width: 20%;
}

div.servicecategorydetails 
{
	float: left; 
	width: 79%	
}

/* link_visibility_high.gif */

a.highest 
{
	float: left;
	clear: both;
    background-color: orange;
    padding: 0px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	text-transform: uppercase;
	background: url('/img/link_visibility_high.gif') top left no-repeat;
	margin: 0 0 0 -4px;
}

a.highest span
{
	display: block;
	background: url('/img/link_visibility_high.gif') top right no-repeat;
	padding: 10px 50px 13px 0px;
	margin: 0 0 0 15px;
	color: #FFFFFF;
}

a.highest:hover
{
	background: url('/img/link_visibility_high_hover.gif') top left no-repeat;
}

a.highest:hover span 
{
	background: url('/img/link_visibility_high_hover.gif') top right no-repeat;
}

h4.toggleboxbutton 
{
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

h4.toggleboxbutton:hover 
{
	cursor: pointer;
    cursor: hand;
}

.toggleboxbutton img 
{
	padding-right: 5px;
}

div#selectcustomertype
{
	padding-left: 300px;
	min-height: 400px;
}

div#selectcustomernetwork {
	float:right;
	width: 450px;
	padding-left: 10px;
}

div#selectcustomertype {
	background: #fff url('/img/selectcustomertype.jpg') no-repeat;
}

div#customernetworkholder 
{
	float: left;
	clear: both;
	width: 100%;	
	padding-bottom: 20px;
	padding-top: 10px;
}

div#customernetworklogo {
	overflow: hidden;
	float: left;
	width: 300px;
	padding: 0px 10px 10px 10px;
}

div#customernetworkinformation 
{
	float: left;
	width: 435px;
	padding-left: 10px;
}

div#startdefaultnetwork h2
{
	font-size: 40px;	
		margin: 15px 0 0 10px;
	padding: 0px;
}

div#startdefaultnetwork h3
{
	font-size: 20px;	
	color: #F3AD3D;
	margin: 0 0 30px 10px;
	padding: 0px;
}

div#startdefaultnetwork p
{
	font-weight: bold;
}

div.managesubscription 
{
	float: right;
}

div.managesubscription a 
{
	clear: none;
	float: left;
}

div.managesubscription a.high {
padding:8px 15px 0 0;
}

/* File vista styles */
#main .fileVistaControl {
    border: solid 2px #F3AD3D;
}

.fileVistaControl .toolbar, .fileVistaControl .toolbarButton, .fileVistaControl .treeTitleBar, .fileVistaControl .gridColumn{
     background: transparent url(../img/c4_menu.png) repeat-x 0 0;  
     border-width: 0px; 
     color: #FFFFFF;
     font-weight: bold;
}

.fileVistaControl .toolbarButton:hover, .fileVistaControl .gridColumn:hover {
    border-width: 0px;
    background: transparent url(../img/c4_menu_hover_right.png) repeat-x 0 0;   
}

.fileVistaControl .separator{
    background-color: #F3AD3D;
    border-color: #076396;
}

span.voip-listing
{  
    display: inline-block;
    vertical-align: middle;
}

span.voip-provider-name
{  
    font-weight: bold;
}

.servicelist td.first
{
    padding-right: 0px;
}

.mainoffer.samhallstjanster, .scselect.samhallstjanster{
    background-image: url(/img/servicecategories/samhallstjanster/puff.jpg);
}.mainoffer.samhallstjanster.active, .scselect.samhallstjanster.active{
    background-image: url(/img/servicecategories/samhallstjanster/puff_selected.jpg);
}