/* Stylesheet by Mediadepedia */

/* CLEAR BROWSER */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6{font-size: 1em;}
pre,code,p {font-size: 14px;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}
.clear {clear:both;}
/* BASIC SETTINGS */
p { margin-bottom: 10px; }
table { border: 0px; }
object { outline:none; }
body { margin: 0px; padding: 0px; font:13px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; }
a { color: #63a2ff; text-decoration: underline; }
a:hover { color: red; }
.home { background: white url(../img/home_back.jpg) top left repeat-x; }
.users { background: white url(../img/top_textblue.jpg) top left repeat-x; }
.login { background: white url(../img/top_textblue.jpg) top left repeat-x; }
.text { background: white url(../img/top_textblue.jpg) top left repeat-x; }
h1 { font-size: 28px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h1, h2, h3 {
    color: #63A2FF;
    font-family: Verdana, Geneva, sans-serif;
    letter-spacing: -1px;
    text-shadow: white 1px 1px 1px;
    margin-bottom:5px;
}
/* LAYOUT / STICKY FOOTER SETTINGS */
html, body {height: 100%;}
#wrap {min-height: 100%; width: 100%; text-align:center;}
.center{ margin: 0px auto; width: 960px; }
#main {overflow:auto; padding-bottom: 60px; width: 100%; text-align:left;}
#footer {position: relative; margin-top: -60px; height: 60px; clear:both;} 
/*OPERA FIX*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
/* NAVIGATION */
#header-navigation { 
	float:right;
	margin-top: 30px;
}
#footer-navigation { 
	float: right;
	margin-top: 22px;
}
.navigation {
	margin-right: -4px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
.navigation li {
	float: left;
}
.navigation li a:link, .navigation li a:visited {
	color: #63a2ff;
	text-decoration: none;
	margin-right: 15px;
	display: block;
	float: left;
	border-bottom:solid 0px #63a2ff;
	text-align: left;
	padding: 5px 0px 5px 0px;
	font-size: 14px;
}
.navigation li a:hover {
	text-decoration: none;
	color: red;
	border-bottom:solid 0px #63a2ff;
}
.navigation li a.active {
	text-decoration: none;
	color: white;
	border-bottom:solid 0px #63a2ff;
}
.navigation li.inactive a.active {
	text-decoration: none;
	color: white;
	border-bottom:solid 0px #63a2ff;
}
.navigation li.inactive a.active:hover {
	text-decoration: none;
	color: red;
	border-bottom:solid 0px #63a2ff;
}
/*.navigation li a.active:link, .navigation li a.active:visited, .navigation li a.active:active, .navigation li a.active:hover {
	text-decoration: none;
	color: white;
	border-bottom:solid 0px #fff;
}*/
#top_menu_title{
	width: 960px;
	margin: 0 auto;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
	margin-top: 0px;
}
#top_menu_title li{
	list-style: none;
	float: left;
	margin-right: 0px;
}
#top_menu_title a{
	padding: 0px;
	text-decoration: none;
	font-size: 14px;
	padding: 5px 7px 5px 7px;
	border-bottom: 1px solid #63a2ff !important;
	display:block;
}
#top_menu_title a:hover{
	padding: 0px;
	text-decoration: none;
	padding: 5px 7px 5px 7px;
	border-bottom: 1px solid red !important;
	display:block;
}
#top_menu_title li.active a{
	color: red;
	padding: 5px 7px 5px 7px;
	border-bottom: 1px solid red !important;
	display:block;
}
#sub_menu{
	margin-bottom: 20px;
}
#sub_menu li{
	list-style: none;
	float: left;
	margin-right: 0px;
}
#sub_menu a{
	padding: 0px;
	text-decoration: none;
	font-size: 14px;
	padding: 5px 7px 5px 7px;
	border-bottom: 1px solid #63a2ff !important;
	display: block;
}
#sub_menu a:hover{
	padding: 0px;
	text-decoration: none;
	padding: 5px 7px 5px 7px;
	border-bottom: 1px solid red !important;
	display: block;
}
#sub_menu li.active a{
	color: red;
	padding: 5px 7px 5px 7px;
	border-bottom: 1px solid red !important;
	display: block;
}
#account_info{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#account_info ul{
	float: right;
	border: 0px solid #63a2ff;
	background: #63a2ff;
	color: white;
}
#account_info li{
	float: left;
	padding: 2px 5px 2px 5px;
}
/* HEADER */
#skip {
	display: none;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#header {
	width: 960px;
	margin: 0 auto;
	height: 60px;
	min-height: 60px;
	max-height: 60px;
	margin-bottom: 10px;
}
/* CONTENT */
hr {
	border: 0px;
	color: #63a2ff;
	background-color: #63a2ff;
	height: 1px;
}
#logo {
	float: left;
	margin-left: 0px;
	margin-top: 7px;
}
#main-content {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	margin-bottom: 20px;
}
#big_column{ padding: 10px 0px 10px 0px; }
#big_column h2{ margin: 0px 0px 20px 0px; }
#left_column {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
	float:left;
	width: 620px;
	min-width: 620px;
	max-width: 620px
}
#right_column {
	margin-top: 0px;
	margin-bottom: 20px;
	float:right;
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	margin-right: 0px;
}
#left_column h2{ margin: 0px 0px 20px 0px; }
#right_column h2{ margin: 0px 0px 0px 0px; }
#right_column a{ text-decoration: underline; }
.floatright { float: right; }
.floatleft { float: left; }

/* FOOTER */
#footer{
	background: #000 url(../img/footer.png) top left repeat-x;
}
.footer {
	width: 960px;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 60px;
	min-height: 60px;
	max-height: 60px;
	color: white;
}
#footer-copyright{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 27px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 14px;
}
/* HOMEPAGE */
.topText p{ font-size: 14px; line-height: 20px; }
#home-bottom{ width: 940px; }
.homebox{
	float: left;
	padding: 10px 10px 20px 0px;
	width: 210px;
	min-width: 210px;
	max-width: 210px;
}
#tweets.homebox{
	width: 255px;
	min-width: 255px;
	max-width: 255px;
    padding-left:10px;
}

.homebox h4 { margin-top: 20px; }
.homebox p{ margin-top: 20px; line-height: 20px; font-size: 14px; }
.homebox img{ margin: 0px 0px 0px 30px; }
.homebox img.tweets{ margin: 0px 0px 0px 0px; }
/* LOGGED */
.sublogin{
	padding: 0px 0px 0px 0px;
	height: 15px;
}
.loggedin{
	background: #f2f7fd;
	border: #63a2ff solid 1px;
	padding: 10px 10px 20px 10px;
	margin-top: -10px;
	border-radius:         3px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	-o-border-radius:      3px;
	-khtml-border-radius:  3px;
	line-height: 20px;
}
.loggedin h2{
	padding: 5px 0px 20px 0px;
}
#loginform, #forgotcredentials{
    width:270px;
	background: #f2f7fd;
	border: #ddebfe solid 1px;
	border-radius:         3px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	-o-border-radius:      3px;
	-khtml-border-radius:  3px;
	padding: 10px;
    min-height:250px;
}
#loginform .uniForm .buttonHolder, #forgotcredentials .uniForm .buttonHolder{
	text-align: right;
	margin-bottom: 10px;
}
.ctrlHolder_double{
	width: 50%;
	float: right;
	margin-top: -33px;
}
.uniForm h2{
	padding: 0px 0px 0px 0px;
}

.uniForm p{
	padding: 10px 0px 0px 0px;
	line-height: 20px;
}
div#forgotcredentials {
   display:none;
}

#forgotcredentials a{ text-decoration: underline; }

#actiemeldingen{
	width: 940px;
	margin: 0px auto;
	padding: 10px;
	border: 0px;
	color: white;
	border: 1px solid red;
	background: #ff6666;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius:         3px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	-o-border-radius:      3px;
	-khtml-border-radius:  3px;
}
#actiemeldingen fieldset{
	border: 0px solid #ccc;
}

/* Addressbook */
#groups,
#contact-container,
#contacts {
   border: solid #63a2ff 1px;
   background: #fff;
   float:left;
   line-height: 20px;
   min-height:200px;
}

#groups {
   width:208px;
   margin-right: 20px;
   padding: 5px;
}

#contacts h3,
#groups h3{
   margin:0px 0px 10px 0px;
}
#groups ul{
   padding:0;
   margin:0 0px;
}
#groups ul li a.active{
   font-weight:bold;
}


#contacts {
	width:208px;
	margin-right: 20px;
	background: #fff;
   padding: 5px;
}

#contacts ul{
   padding:0;
   margin:0 0px;
}
fieldset label.wide {
  	width: 345px;
    clear:both;
}
fieldset input {
	margin:				3px;
	border:				solid 0 #000;
	padding: 				3px 8px;
	background: 			transparent url("../images/textfield_bg.gif") no-repeat fixed;
	border: 				1px solid;
   	width:auto;
}
#contacts ul li.active a{
   font-weight:bold;
}

#contact-container {
	border: solid #63a2ff 1px;
	width:468px;
	background: #fff;
	padding: 5px;
}
#contact-detail fieldset{
	border: 0px;
	width: 100%;
}
#credits,
#sms-characters {
   font-weight:bold;
}

#repeat-number {
    display:none;
}

/* Autocompletion stuff */
   div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #b2b2b2;
      border-bottom-color:#000;
      border-right-color:#000;
      margin:0px;
      padding:0px;
      z-index:100;
   }
      div.autocomplete ul { 
         list-style-type:none;
         margin:0px;
         padding:0px;
         z-index:100;
      }    
         div.autocomplete ul li.selected { 
            background-color:#EAEAEA;
            color:#000;
         }
         div.autocomplete ul li { 
            list-style-type:none;
            display:block;
            margin:0;
            padding:4px 4px 4px 6px; 
            height:auto;
            cursor:pointer;
            cursor:default;
            color:#000;
			   font-size:1.2em;
         }



/* form validation */
div.errorMessage,
span.errorMessage,
label.errorMessage{
   clear:both;
   width:100%;
   color:#b03a3a;
   font-weight:bold;
}   

input.errorMessage,
textarea.errorMessage,
select.errorMessage {
   border: 2px solid #c03 !important;
}   
span.errorMessage,
label.errorMessage{
   margin-left: 5px;
   color:#c03;
}
#page h2{
	margin-bottom: 20px;
}
#page-small table,
#page table{
	border: 1px solid #63a2ff;
	border-bottom: 0px solid #63a2ff;
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}
#page-small th,
#page table th{
	background: #63a2ff;
	color: #fff;
	padding: 6px 1px;
}
#page-small td,
#page td{
	background: #fff;
	padding: 3px 1px;
	border-bottom: 1px solid #63a2ff;
	font-size: 14px;
	color: #333;
}
#page-small th.first,
#page th.first,
#page-small td.first,
#page td.first{
    padding-left:5px;
}
#page-small form.uniForm,#page_edit form.uniForm{
	padding: 5px;
	background: #f2f7fd;
	border: 1px solid #63a2ff;
}
#page-small table.payment,
#page table.payment{
	width: 50%;
}

#page-small table.payment td {
    padding:0px 5px;
}
#page-small table.payment tr.total {
    font-weight:bold;
}

#page-small table.payment th.amount,
#page-small table.payment td.amount {
   text-align:right;
   padding-right: 40px;
}

.hide {
   display:none;
}
div.resultcontrols a.inactive{
	color: #ccc;
	cursor:default !important;
}
#faq {
    padding: 5px;
    background: #F2F7FD;
    border: 1px solid #63A2FF;
	border-radius:         3px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	-o-border-radius:      3px;
	-khtml-border-radius:  3px;

}   

#faq h3 {
    cursor:pointer;
    font-size: 15px;
    margin-bottom:10px;
}
div.faq-content {
   margin-top:-10px;
}