a:focus, a:hover, a:active { outline:none }

html {
	/* fix to show scrollbar constantly in FF */
	overflow-y: scroll;
}

body {
	background-color: #433e37;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg_gradient.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

#bgoverlay {
	background-image: url(../images/bg_overlay.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 450px;
}

#page {
	background-image: url(../images/pagecorner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 10px;
}

/* -------------------------------------- */
/* Mixed fixes */
/* -------------------------------------- */

form {
	margin: 0px;
	padding: 0px;

}



/* -------------------------------------- */
/* Layout coloumns */
/* -------------------------------------- */

#page #content {
	width: 730px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

#coloumnleft {
	width: 510px;
	float: left;
}

#coloumnright {
	width: 200px;
	float: left;
	margin-left: 10px;
}

/* -------------------------------------- */
/* Menubar */
/* -------------------------------------- */

.menubar {
	background-color: #000000;
	border: #22231a 1px solid;
	padding: 5px;
	margin-right: 10px;
	margin-left: 20px;
	height: 36px;
}

.menubar .home {
	float: left;
	background: url(../images/icons/symbook.gif) left no-repeat;
	padding: 9px;
	padding-left: 20px;
	margin-left: 10px;
	color: #00aeef;
}
.menubar .home a {			color: #00aeef; padding: 2px; }
.menubar .home a:hover {		text-decoration: none; color: #ffffff; background-color: #00aeef; }


.menubar .addnew {
	float: left;
	background: url(../images/icon_newsymbook.gif) left no-repeat;
	padding: 9px;
	padding-left: 20px;
	margin-left: 10px;
	color: #00aeef;
}
.menubar .addnew a {			color: #00aeef; padding: 2px; }
.menubar .addnew a:hover {		text-decoration: none; color: #ffffff; background-color: #00aeef; }

.menubar .stdbtn {
	font-size: 11px;
	float: left;
	color: #888a69;
	padding: 5px;
	padding-top: 11px;
}
.menubar .stdbtn a {			color: #888a69; padding: 2px; }
.menubar .stdbtn a:hover {		text-decoration: none; color: #ffffff; background-color: #888a69;}

/* shared styles views & credits*/
.menubar .views, .menubar .credits {
	float: right;
	padding: 9px;
	padding-left: 22px;
}

.menubar .views {				color: #ef0060; background: url(../images/icon_views.gif) left no-repeat; margin-right: 10px; }
.menubar .views a {				color: #ef0060; padding: 2px; }
.menubar .views a:hover {		text-decoration: none; color: #ffffff; background-color: #ef0060; }

.menubar .credits {				background: url(../images/icon_credits.gif) left no-repeat; color: #f7be2a; }
.menubar .credits a {			color: #f7be2a; padding: 2px; }
.menubar .credits a:hover {		text-decoration: none; color: #ffffff; background-color: #f7be2a; }

.menubar .paymentcards {
	float: right;
	padding: 8px;
}

/* -------------------------------------- */
/* Pagingbar */
/* -------------------------------------- */

.pagingbar {
	background-color: #3d3934;
	border: #4f4a43 1px solid;
	padding: 5px;
	margin-right: 10px;
	margin-left: 20px;
	margin-top: 30px;
	height: 36px;
}

.pagingbar .search {
	float: left;
	background: url(../images/icons/magnifier.png) left no-repeat;
	padding: 9px;
	padding-left: 20px;
	color: #00aeef;
}
.pagingbar .search a {			color: #00aeef; padding: 2px; }
.pagingbar .search a:hover {		text-decoration: none; color: #ffffff; background-color: #00aeef; }

.pagingbar .searchfield {
	float: left;
	padding: 7px;
	color: #00aeef;
}
.pagingbar .searchfield input {
	font-size: 12px;
	width: 150px;
}

.pagingcontrols {
	padding: 5px;
	color: #888a69;
	height: 26px;
	width: 270px;
	float: right;
}
.pagingcontrols img{
	margin: 0px;
	vertical-align: bottom;
	border: 0px none;
	
}
.pagingcontrols a{
	width: 16px;
	padding: 5px;
	overflow: auto;
	margin: 0px;
	float: left;
}


.pagingcontrols a:hover{
	background-color: #888a69;
}


.pagingcontrols .left{
	float: left;
	width: 70px;
}
.pagingcontrols .right{
	float: right;
}
.pagingcontrols .mid{
	width: 110px;
	float: left;
	text-align: center;
	padding: 5px;
	display: block;
}


/* -------------------------------------- */
/* Containers */
/* -------------------------------------- */

.flashcontainer {
	margin-top: 42px;
	height: 270px;
	text-align: right;
}

.fullwidthcontainer {
/*
	background-image: url(../temp_alphatest.png);
	background-repeat: no-repeat;
	background-position: right top;
*/	
	margin-top: 30px;
	background: url('../images/fullwidthbg.png') 50% 100% no-repeat;
	padding-left: 30px;
	overflow: auto;
	min-height: 400px;
	padding-bottom: 30px;
}

/* IE6 Only */
* html .fullwidthcontainer {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.alphaImageLoader(src='../images/fullwidthbg.png',sizingMethod='crop'); 
	height: 400px;
}

/* -------------------------------------- */
/* Magazineinfo / view */
/* -------------------------------------- */

.magazineinfo{
	width: 200px;
	margin-left: 20px;
	float: left;
}

.magazineinfo #overlayContainer{
	position:relative;
	left:0px;
	top:0px;
	z-index:1;
}

.magazineinfo div.boxarrow{
	position:absolute;
	left:29px;
	top:-21px;
	background: url('../images/alpha_arrow.png') no-repeat;
	width:21px;
	height:21px;
	z-index:2;
}
.magazineinfo_active div.boxarrow{			background: url('../images/grey_arrow.gif') no-repeat;}
.magazineinfo_empty div.boxarrow{			background: url('../images/alpha_arrow.png') no-repeat;}


.magazineinfo img{
	margin: 0px;
	display: block;
	border: none;
}
.magazineinfo img.thumb{
	margin-top: 28px;
	margin-left: 24px;
}
.magazineinfo .queueanimation {
	margin-top: 28px;
	margin-left: 24px;
}

.magazineinfo .infobox {
	background: url('../images/alpha_infobox.png');
	height: 36px;
	padding: 12px;
}
.magazineinfo_active .infobox {				background-color:#888a69;}
.magazineinfo_empty .infobox {				background: url('../images/alpha_infobox.png');}


.magazineinfo .infobox p{
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}
.magazineinfo .infobox p a{
	color: #c9cc9f;
	text-decoration: underline;
	padding: 2px;
	margin: 0px;
}
.magazineinfo .infobox p a:hover{
	color: #ffffff;
	background-color: #c9cc9f;
	text-decoration: none;
	padding: 2px;
	margin-left: 0px;
}
.magazineinfo_error .infobox p a{			color: #ef0060;}
.magazineinfo_error .infobox p a:hover{		background-color: #ef0060;}

.magazineinfo_approve .infobox p a{			color: #ffba18; padding-left: 0px;}
.magazineinfo_approve .infobox p a:hover{		background-color: #ffba18; padding-left: 0px;}




.magazineinfo .linklist {
	list-style-type: disc;
	color: #FFFFFF;
	margin: 5px;
	margin-left: 20px;
	padding: 0px;
}

.magazineinfo .linklist li{
	margin: 0px;
	padding: 0px;
}

.magazineinfo .linklist a{
	color: #888a69;
	text-decoration: underline;
	margin-left: 0px;
	padding: 0px;
	padding: 2px;
	margin: 0px;
}

.magazineinfo .linklist a:hover{
	color: #ffffff;
	background-color: #888a69;
	text-decoration: none;
	padding: 2px;
	margin-left: 0px;
}

.magazineinfo .linklist .critical:hover{
	background-color: #ff004e;
}

.magazineinfo .linklist .upgrade:hover{
	background-color: #75c441;
}

.magazineinfo .symbookdisabled {
	color: #3f3d33;
	margin-left: 5px;
	font-size: 11px;
}


#page #logo {
	text-align: center;
	margin-bottom: 30px;
}
#page #logo img {
	border: 0px none;
}

#page .note {
	color: #888a69;
	font-size: 12px;
}

#page #footer {
	clear: both;
	padding-top: 55px;
	text-align: center;
	padding-bottom: 35px;
	font-size: 10px;
	color: #5e594f;
}
#page #footer img {
	vertical-align: text-top;
	vertical-align: middle;
}

#page #footer a.mwlink {
	color: #ffffff;
	padding: 2px;
	text-decoration: none;
	background: url(../images/footer_mwunderline.gif) top left;
}
#page #footer a {
	color: #888a76;
	padding: 2px;
}
#page #footer a:hover {
	color: #ffffff;
	background-image: none;
	background-color: #888a76;
	text-decoration: none;
	padding: 2px;
}
#page #footer p {
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
}




#page #footer-mid {
	clear: both;
	padding-top: 35px;
	text-align: center;
	padding-bottom: 35px;
}



/* -------------------------------------- */
/* Lists */
/* -------------------------------------- */


.linklist a{
	color: #00aeef;
	text-decoration: underline;
	margin-left: 2px;
}
.linklist a:hover{
	color: #ffffff;
	background-color: #00aeef;
	text-decoration: none;
	padding: 2px;
	margin-left: 0px;

}

.linklistpink a{
	color: #ef0060;
	text-decoration: underline;
	margin-left: 2px;
}
.linklistpink a:hover{
	color: #ffffff;
	background-color: #ef0060;
	text-decoration: none;
	padding: 2px;
	margin-left: 0px;

}


/* -------------------------------------- */
/* general text */
/* -------------------------------------- */

h1 {
	color: #888a76;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
}


.news p{
	color: #888a76;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
}
.news p .date{
	color: #ffffff;
	margin-right: 5px;
}
.news a{
	margin-top: 0px;
	margin-left: 20px;
	color: #ef0060;
	text-decoration: underline;
}

.news a:hover{
	color: #ffffff;
	background-color: #ef0060;
	text-decoration: none;
	padding: 2px;
	margin-left: 18px;

}

/* -------------------------------------- */
/* error */
/* -------------------------------------- */

#page .error h1{
	color: #ef007c;
}
#page .box_error {
	background-image: url(../images/box_pink_topleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
	padding-top: 37px;
	margin-top: 10px;
	margin-left: 20px;
}
#page .box_error p{
	padding: 0px;
	margin: 0px;
}


/* -------------------------------------- */
/* colored boxes */
/* -------------------------------------- */



#page .box_bluefilled {
	background-image: url(../images/box_blue_topleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
	padding-top: 37px;
	margin-top: 10px;
	margin-left: 20px;
}
#page .box_bluefilled p{
	padding: 0px;
	margin: 0px;
}

#page .box_createsymbook {
	background-image: url(../images/box_pink_topleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 21px;
	margin-top: 10px;
	margin-left: 20px;
	height: 47px;
	border: none;
	display: block;
}
#page .box_createsymbook p {
	padding: 0px;
	margin: 0px;
	padding: 15px;
	display: block;
}

#page .box_createsymbook .flashbtn{
	padding: 0px;
	margin: 0px;
	border: none;
	float: right;
	display: block;
}

.imagefloatright {
	float: right;
}
.imageabsmiddle {
	vertical-align: text-top;
}



.box_blueline {
	background-image: url(../images/box_blueline_top.gif);
	border-bottom: 3px #00adef solid;
	border-left: 3px #00adef solid;
	border-right: 3px #00adef solid;
	overflow: auto;
}
.box_pinkline {
	background-image: url(../images/box_pinkline_top.gif);
	border-bottom: 3px #ef0060 solid;
	border-left: 3px #ef0060 solid;
	border-right: 3px #ef0060 solid;
	overflow: auto;
}
.box_yellowline {
	background-image: url(../images/box_yellowline_top.gif);
	border-bottom: 3px #f3c81b solid;
	border-left: 3px #f3c81b solid;
	border-right: 3px #f3c81b solid;
	overflow: auto;
}

.box_line_top {
	border: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 24px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
}
.box_line_bottom {
	background: none;
	padding: 15px;
	margin: 0px;
	margin-left: 20px;
	margin-right: 10px;
}
.box_line_bottom h2{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 20px;
}
.box_line_bottom p{
	margin: 0px;
	padding: 0px;
}
.box_line_bottom .grey{
	margin: 0px;
	padding: 0px;
	color: #888a76;
}





/* this style is 490 px wide not 460 */
#page .box_blueoutline_fullwidth {
	background-image: url(../images/box_blueline_topleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#page .box_blueoutline_mediumwidth {
	background-image: url(../images/box_pinkline_topleft_460.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#page .box_blueoutline_mediumwidth a{
	color: #ef0060;
}

#page .box_blueoutline {
	padding: 15px;
	padding-top: 37px;
	margin-top: 10px;
	margin-left: 20px;
	border-bottom: 3px #ef0060 solid;
}
#page .box_blueoutline p{
	padding: 0px;
	margin: 0px;
}

/* this style is 490 px wide not 460 */
#page .box_paymentoptions {
	padding: 10px;
	margin-top: 20px;
	margin-left: 20px;
	border: 3px #625c54 solid;
	text-align: center
}
#page .box_paymentoptions p{
	color: #888a76;
	padding: 0px;
	margin: 0px;
}


/* -------------------------------------- */
/* special */
/* -------------------------------------- */

/* a little change in the normal blue box style to allog the padding around the login links */
.login {
	padding: 0px;
}

.login a{
	margin-top: 0px;
	color: #003333;
	text-decoration: underline;
	padding: 3px;
}

.login a:hover{
	color: #00aeef;
	text-decoration: none;
	background-color: #ffffff;
	padding: 3px;
}



/* -------------------------------------- */
/* option box */
/* -------------------------------------- */

.optionbox {
	width: 600px; 
	margin: 0 auto;
	margin-top: 20px;
	padding: 15px;
/*	border: #474741 1px solid;  */
	border: #514b44 1px solid;  
	margin-bottom: 20px;
	overflow: auto;
}
.optionbox label:first-child{
	margin-top: 0px;
}

.optionbox .option{
	color: #FFFFFF;
	font-size: 16px;
	display: block;
	padding-left: 25px;
	margin-top: 15px;
}
.optionbox .option:first-child{
	margin-top: 0px;
}

.optionbox .option:hover{
	color: #888a69;
	text-decoration: none;
}


.optionbox .creditcard{			background: url(../images/icons/creditcards.png) left no-repeat;}
.optionbox .promotioncode{		background: url(../images/icons/newspaper.png) left no-repeat;}
.optionbox .credits{			background: url(../images/icons/coins.png) left no-repeat;}
.optionbox .link{				background: url(../images/icons/link.png) left no-repeat;}
.optionbox .accountinfo{		background: url(../images/icons/application_form_edit.png) left no-repeat;}
.optionbox .history{			background: url(../images/icons/application_view_list.png) left no-repeat;}
.optionbox .password{			background: url(../images/icons/key.png) left no-repeat;}
.optionbox .delete{				background: url(../images/icons/cross.png) left no-repeat;}
.optionbox .approveview{		background: url(../images/icons/symbook.gif) left no-repeat;}
.optionbox .new{				background: url(../images/icons/icon_newsymbook.gif) left no-repeat;}
.optionbox .refillenabled{		background: url(../images/icons/tick.png) left no-repeat;}
.optionbox .refilldisabled{		background: url(../images/icons/cross.png) left no-repeat;}
.optionbox .demoview{			background: url(../images/icons/symbook.gif) left no-repeat; color: #00aeef;}




.optionbox .total{
	color: #FFFFFF;
	font-size: 16px;
	display: block;
	padding-left: 25px;
}
.optionbox .creditstotal{		background: url(../images/icons/coins.png) left no-repeat; color: #f3c81b; font-weight:normal;}
.optionbox .viewstotal{			background: url(../images/icons/ruby.png) left no-repeat; color: #ef0060; font-weight:normal;}



.optionbox .accept_true, .optionbox .accept_false{
	width: 285px;
	float: left;
	margin-left: 10px;
	text-align: center;
}
.optionbox img{
	border: none;
	margin-right: 10px;
}
.optionbox h2{
	font-size: 18px;
	margin: 0px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
}

.optionbox .accept_true a {
	padding: 10px;
	font-size: 18px;
	color: #58cf4c;
	display: block;
	text-decoration: underline;
	cursor: pointer;
}


.optionbox .accept_false a {
	padding: 10px;
	font-size: 18px;
	color: #f33168;
	display: block;
	text-decoration: underline;
	cursor: pointer;
}

.optionbox .accept_true a:hover{
	color: #FFFFFF;
	background-color: #58cf4c;
	text-decoration: none;
}
.optionbox .accept_false a:hover{
	color: #FFFFFF;
	background-color: #f33168;
	text-decoration: none;
}



.optionbox .optioninfo{
	padding-left: 25px;
	color: #888a69;
	font-size: 12px;
	margin-top: 3px;
}
.optionbox .optionyellow{
	color: #f3c81b;
}
.optionbox .optioninfo a{
	color: #888a69;
	padding: 2px;
}
.optionbox .optioninfo a:hover{
	color: #FFFFFF;
	background-color: #888a69;
	padding: 2px;
	text-decoration: none;
}

.optionbox .check{
	margin-top: 15px;
	color: #FFFFFF;
	font-size: 16px;
	display: block;
}
.check span{
	margin-right: 1px;
}

.optionbox .payoption{
	color: #FFFFFF;
	font-size: 16px;
	display: block;
	border-top: #514b44 1px dotted;
	padding-top: 10px;
	margin-top: 10px;
	overflow: auto;
	
}
.optionbox .payoption:first-child{
	border: none;
	padding-top: 0px;
	margin-top: 0px;
}
.optionbox .payoption .radiobtn{
	float: left;
	width: 25px;
}
.optionbox .payoption .creditvalue{
	float:left;
}
.optionbox .payoption .usdvalue{
	float:right;
}






.optionbox .shortnumber{
	width: 30px;
	padding: 2px;
	font-size: 11px;
	height: 11px;
	text-align: right;
}


.optionbox .convertnow{
	color: #ef0060;
	padding: 2px;
}
.optionbox .convertnow:hover{
	padding: 2px;
	text-decoration: none;
	color: #ffffff;
	background-color: #ef0060;
}

.optionbox .textinput {
	font-size: 13px;
	height: 17px;
	padding: 5px;
	border: none 0px;
	float: left;
	margin-right: 10px;
}
.optionbox .logininput {			width: 200px;}
.optionbox .forgotpassinput {		width: 340px;}

.optionbox button {
	width: 130px;
	height: 27px;
	font-size: 13px;
	color: #58cf4c;
	float: right;
    color: #3c3c3c;
	background-color: #c8c1b6;
    border:3px double #b1a99e;
	
}
.optionbox button img{
    margin:0 3px -3px 0;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
.optionbox button.login {			width: 130px;}
.optionbox button.forgotpass {		width: 210px;}




/* -------------------------------------- */
/* formbox */
/* -------------------------------------- */


.formbox {
	width: 600px; 
	margin: 0 auto;
	margin-top: 20px;
	padding: 15px;
	border: #514b44 1px solid;  
	margin-bottom: 20px;
	overflow: auto;
	color: #b9bb9f;
}

.formbox label{
	width: 150px;
	height: 22px;
	float: left;
	display: block;
	padding-top: 5px;
	clear: left;
	margin-top: 5px;
	text-align: right;
	padding-right: 10px;
}
.formbox .inputText{
	width: 300px;
	font-size: 13px;
	height: 17px;
	padding: 5px;
	border: none 0px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.formbox .inputTextArea{
	width: 300px;
	font-size: 13px;
	height: 100px;
	padding: 5px;
	border: none 0px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.formbox .inputCheckbox{
	width: 350px;
	font-size: 13px;
	height: 17px;
	padding-top: 2px;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
}
.formbox .inputCheckbox input{
	margin-right: 6px;
	padding: 0px;
	margin-left: 0px;
}


.formbox .form_error{
	display: block;
	background-image: url(../images/tooltip_pink.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 5px 0 5px 150px;
	padding: 8px;
	padding-top: 17px;
	font-size: 11px;
	color: #FFFFFF;
	width: 304px;
	float: left;
}

.formbox .selector{
	width: 300px;
	font-size: 13px;
	padding: 5px;
	border: none 0px;
	float: left;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.formbox .optioninfo{
	margin-left: 160px;
	width: 320px;
	font-size: 11px;
	border: none 0px;
	float: left;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.formbox .req{
	color: #f33168;
	margin-left: 3px;
	margin-right: 2px;
}


.formbox .showurl {
	font-size: 18px;
	text-align: center;

}


/* -------------------------------------- */
/* terms */
/* -------------------------------------- */



.terms {
	font-size: 16px;
}
.terms ul{
	color: #ffffff;
}
.terms li{
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #b9bb9f;
}
.terms strong{
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
}
.terms .footer {
	font-size: 10px;
	color: #5e594f;
}

/* -------------------------------------- */
/* tabel */
/* -------------------------------------- */


.tabelstyle td{
	color: #FFFFFF;
	font-size: 12px;
	border-top: #514b44 1px dotted;
	border-left: #514b44 1px dotted;
	padding: 10px;
}
.tabelstyle .key td{
	border: none;
	background-color: #888a76;
}
.tabelstyle .filter{
	margin-top: 7px;
	margin-right: 5px;
	float: right;
}
.tabelstyle .description span{
	float: left;
	padding: 10px;
}

.tabelstyle .description{
	padding: 0px;
}


.tabelstyle td:first-child{
	border-left: none;
}
.tabelstyle td.date{
	color: #888a69;
}
.tabelstyle .name{
	color: #888a69;
}
.tabelstyle a.invoice{
	color: #00adef;
	padding: 2px;
}
.tabelstyle a.invoice:hover{
	color: #FFFFFF;
	background-color: #00adef;
	text-decoration: none;
}
.tabelstyle td img{
	vertical-align: text-top;
	margin-right: 5px;
}



.paging {
	background-color: #FFFFFF;
	padding: 5px;
	color: #0178a5;
	height: 26px;
}
.paging img{
	margin: 0px;
	vertical-align: bottom;
	
}
.paging a{
	width: 16px;
	padding: 5px;
	overflow: auto;
	margin: 0px;
	float: left;
}


.paging a:hover{
	background-color: #0178a5;
}


.paging .left{
	float: left;
	width: 100px;
}
.paging .right{
	float: right;
}
.paging .mid{
	width: 370px;
	float: left;
	text-align: center;
	padding: 5px;
	display: block;
}

.editlinks .disabledbtn, .editlinks .activebtn {
	width: 150px;
	height: 27px;
	font-size: 13px;
    color: #3c3c3c;
	background-color: #c8c1b6;
    border:3px double #b1a99e;
	text-align: left;
	cursor: pointer;
}
.editlinks button img{
    margin:0 3px -3px 0;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	margin-left: 10px;
}
.editlinks .disabledbtn {
	color: #A49886;
	cursor: default;

}
.editlinks .disabledbtn img{
	opacity: .5;
	filter: alpha(opacity=50);
	background-color: #c8c1b6;
}

.editlinks .textinput {
	width: 300px;
	font-size: 13px;
	height: 17px;
	padding: 5px;
	border: none 0px;
}

.currentpage {
	width: 30px;
	font-size: 13px;
	text-align: center;
	height: 17px;
	padding: 1px;
	margin-top: -3px;
	vertical-align: top;
}