@charset "UTF-8";

/* CI - Service registration															*/
/* ------------------------------------------------------------------------------------ */
.headerSteps {
	height: 75px;
	width: 940px;
	font-weight: bold;
	font-size: 16px !important;
}

.headerSteps1 {background-image:url('../images/activationsteps/header_step1.png');background-repeat: no-repeat;}
.headerSteps2 {background-image:url('../images/activationsteps/header_step2.png');background-repeat: no-repeat;}
.headerSteps3 {background-image:url('../images/activationsteps/header_step3.png');background-repeat: no-repeat;}
.headerSteps2_1 {background-image:url('../images/activationsteps/header2_step1.png');background-repeat: no-repeat;}
.headerSteps2_2 {background-image:url('../images/activationsteps/header2_step2.png');background-repeat: no-repeat;}

.headerSteps li {
	float: left;
	line-height: 75px;
	text-align: center;
	color: #63a5d7;
}

.headerSteps li.first {width: 296px;margin-left: -20px;}
.headerSteps li.second {width: 334px;}
.headerSteps li.third {width: 314px;}
.headerSteps2Steps li.first {width: 460px;}
.headerSteps2Steps li.second {width: 334px;}

.headerSteps .checked {
	background: url('../images/sprite_icons_1.png') no-repeat scroll
		0px -248px transparent;
	height: 22px;
	width: 16px;
	margin-left: 7px;
}

.headerSteps .black {
	color: #000000;
}

.websitemaker_retail_activationcode_info {
	margin: 20px 20px 20px 30px;
}

.retail_activation_userinfo {
	margin-top: 85px;
}

.blueBar {
	background: url('../images/sprite_x.png') 0px -250px repeat-x;
	height: 32px;
	padding: 0px 20px;
	margin: 0px 20px;
	color: #FFFFFF;
}

.blueBar form {
	margin-top: 6px;
	width: 100%;
}

.blueBar form input[type=text] {
	width: 200px;
	margin-left: 20px;
}

.blueBar h3 {
	font-size: 110%;
	font-weight: bold;
}

.blueBar .button {
	margin-top: -2px;
}

.tableFullWidth {
	width: 100%;
}

.buttonFooter {
	background: none repeat scroll 0 0 #F7F7F7;
	height: 93px;
	margin: 50px 0px 20px 0;
}

.buttonFooter .line {
	background: url("../images/sprite_x.png") repeat-x scroll 0 -207px
		#F7F7F7;
	height: 3px;
}

.buttonFooter .content {
	height: 89px;
}



/* Shop Tpl																				*/
/* ------------------------------------------------------------------------------------ */

.orderProcess_fontColored1 {
	color: #26526F !important;
	font-size: 16px;
	font-weight: bold !important;
	line-height: 15px;
}

.orderProcess_fontColored3 {
	color: #333333 !important;
	font-size: 14px;
	line-height: 15px;
}

.orderProcess_CellRight {
	height: 40px;
	padding-left: 10px;
	width: 50%;
}

.orderProcess_CellRight2 {
    height: 40px;
    padding-left: 10px;
    width: 75%;
}

.alignLeft {
	text-align: left !important;
}

.alignCenter {
	text-align: center !important;
}

.orderProcess_CellLeft {
	height: 40px;
	padding-right: 10px;
	width: 50%;
}

.orderProcess_CellLeft2 {
    height: 40px;
    padding-right: 10px;
    width: 35%;
}

.alignRight {
	text-align: right !important;
}

/* Info Overlays */
.infoIconFrame_orange,
.infoIconFrame_orange_cvc {
	display: inline;
	float: left;
	height: 15px !important;
	padding-left: 5px;
	text-align: left;
	width: 15px !important;
	margin-top: -2px;
}

.infoIconFrame_red {
	display: inline;
	height: 15px !important;
	margin-top: -2px;
	padding-left: 5px;
	text-align: left;
	width: 15px !important;
}

.infoIcon_orange {
	background: url("../images/sprite_icons_1.png") no-repeat scroll
		0px -228px transparent;
	height: 16px !important;
	vertical-align: middle !important;
	width: 20px !important;
}

.infoIcon_red {
	background: url("../images/sprite_icons_1.png") no-repeat scroll
		0px -304px transparent;
	height: 16px !important;
	vertical-align: middle !important;
	width: 20px !important;
}

.tooltipFrame_orange {
	padding-top: 4px;
	position: absolute;
	width: 220px;
	z-index: 10;
}

.tooltipSpike_orange {
	background: url("../magix_shop/default/media/img/shop_sprite.png")
		no-repeat scroll -225px -150px transparent;
	height: 12px;
	left: 35px;
	position: absolute;
	top: 0;
	width: 15px;
}

.tooltipTop_orange {
	background: url("../magix_shop/default/media/img/shop_sprite.png")
		no-repeat scroll 0 -150px transparent;
	height: 15px;
	width: 220px;
}

.tooltipMiddle_orange {
	background: url("../images/shop_sprite_repeat_y.png") repeat-y
		scroll -220px 0 transparent;
	width: 220px;
}

.tooltipText_orange {
	font-size: 12px;
	padding: 3px 21px;
	text-align: left;
}

.tooltipBottom_orange {
	background: url("../magix_shop/default/media/img/shop_sprite.png")
		no-repeat scroll 0 -165px transparent;
	height: 15px;
	width: 220px;
}

.tooltipFrame_red {
	padding-top: 4px;
	position: absolute;
	width: 220px;
	left: 0px;
	z-index: 10;
}

.tooltipSpike_red {
	background: url("../magix_shop/default/media/img/shop_sprite.png")
		no-repeat scroll -225px -180px transparent;
	height: 12px;
	left: 35px;
	position: absolute;
	top: 0;
	width: 15px;
}

.tooltipTop_red {
	background: url("../magix_shop/default/media/img/shop_sprite.png")
		no-repeat scroll 0 -180px transparent;
	height: 15px;
	width: 220px;
}

.tooltipMiddle_red {
	background: url("../images/shop_sprite_repeat_y.png") repeat-y
		scroll -440px 0 transparent;
	width: 220px;
}

.tooltipText_red {
	font-size: 12px;
	padding: 3px 21px;
	text-align: left;
}

.tooltipBottom_red {
	background: url("../magix_shop/default/media/img/shop_sprite.png")
		no-repeat scroll 0 -195px transparent;
	height: 15px;
	width: 220px;
}

/* Info Overlays */
.hide {
	display: none;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.orderProcess_CellRight .radio {
	margin: -3px 5px 0 0;
	vertical-align: middle;
}

.orderProcess_CellRight .hoverBox {
	margin-top: -1px;
}

/* cta */
.cta_grey {
	cursor: pointer;
	height: 50px;
	position: relative;
	text-align: right;
	width: 230px;
}

.cta_grey_left {
	background: url("../images/btn/cta_sprite.png") no-repeat scroll 0
		-50px transparent;
	float: left;
	height: 50px;
	width: 27px;
}

.cta_grey_middle {
	background: url("../images/btn/cta_sprite_repeat.png") repeat-x
		scroll 0 -150px transparent;
	float: left;
	height: 50px;
	width: 192px;
}

.cta_grey a {
	border: medium none;
	color: #333333;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	left: 27px;
	line-height: normal;
	outline: medium none;
	position: absolute;
	text-align: right;
	text-decoration: none;
	top: 18px;
	width: 182px;
	z-index: 99;
}

.cta_grey_right {
	background: url("../images/btn/cta_sprite.png") no-repeat scroll
		-27px -50px transparent;
	float: left;
	height: 50px;
	width: 11px;
}

.basketBottomBack {
	float: left;
	width: 230px;
}

.paddingLeftShadow {
	padding-left: 15px !important;
}

.basketBottom {
	padding-top: 22px;
}

.basketBottomNext {
	float: right;
	margin: 0;
	padding: 0;
	width: 230px;
}

.paddingRightShadow {
	padding-right: 15px !important;
}

.cta_orange {
	cursor: pointer;
	height: 50px;
	position: relative;
	text-align: left;
	width: 230px;
}

.cta_orange_left {
	background: url("../images/btn/cta_sprite.png") no-repeat scroll 0
		0 transparent;
	float: left;
	height: 50px;
	width: 11px;
	z-index: 0;
}

.cta_orange_middle {
	background: url("../images/btn/cta_sprite_repeat.png") repeat-x
		scroll 0 0 transparent;
	float: left;
	height: 50px;
	width: 192px;
	z-index: 0;
}

.cta_orange a {
	border: medium none;
	color: #333333;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	left: 22px;
	line-height: normal;
	outline: medium none;
	position: absolute;
	text-align: left;
	text-decoration: none;
	top: 18px;
	width: 182px;
	z-index: 10;
}

.cta_orange_right {
	background: url("../images/btn/cta_sprite.png") no-repeat scroll
		-11px 0 transparent;
	float: left;
	height: 50px;
	width: 27px;
	z-index: 0;
}

.orderProcess_CellRight {
	height: 40px;
	padding-left: 10px;
	width: 50%;
}

.orderProcess_fontColored2 {
	width: 180px;
}

.orderProcess_fontColored2 {
	color: #333333 !important;
	font-size: 14px;
	line-height: 15px;
}

.userInfoCellSpace {
	width: 300px;
}

.userInfoCellSpace2 {
    width: 20px;
}

/*#orderProcess_UserInfo_Form input[type=text],.password {width: 219px;}*/
#orderProcess_UserInfo_Form .data{width: 219px;}
#orderProcess_UserInfo_Form .day,#orderProcess_UserInfo_Form .month {width: 60px;}
#orderProcess_UserInfo_Form .year {width: 83px;}
.orderProcess_Input_Text {width: 170px;}
#orderProcess_UserInfo_Form .zip {width: 65px;}
#orderProcess_UserInfo_Form .city {width: 149px;}
#orderProcess_UserInfo_Form .phone_country { width: 30px;}
#orderProcess_UserInfo_Form .phone_city {width: 51px;}
#orderProcess_UserInfo_Form .title {width: 70px;}
#orderProcess_UserInfo_Form .phone_number {width: 103px;}
#orderProcess_UserInfo_Form .country {width: 221px;}

.inputErrorFrame {
	float: left;
	height: 30px !important;
	position: relative;
	width: 230px;
}

.inputErrorFrame_wrapper {
	margin-left: -3px;
	margin-top: -24px;
}

.inputErrorFrame_left {
	background: url("../magix_shop/default/media/img/shop_sprite.png")
		no-repeat scroll -220px -180px transparent;
	float: left;
	height: 30px;
	width: 2px;
	z-index: 0;
}

.inputErrorFrame_middle {
	background: url("../images/shop_sprite_repeat_x.png") repeat-x
		scroll 0 -500px transparent;
	float: left;
	height: 30px;
	width: 226px;
	z-index: 0;
}

.inputErrorFrame_right {
	background: url("../magix_shop/default/media/img/shop_sprite.png")
		no-repeat scroll -222px -180px transparent;
	float: left;
	height: 30px;
	width: 2px;
	z-index: 0;
}

#orderProcess_UserInfo_Form .error_login .inputErrorFrame_middle {
	width: 73px !important;
}

.retail_activation_userinfo .error_login .inputErrorFrame_middle {
	width: 177px !important;
}

.orderProcess_Login_passwordReminder {
    color: #9E9E9E;
    display: block;
    font-size: 12px;
    padding-top: 13px;
}

/* CC - Overview																		*/
/* ------------------------------------------------------------------------------------ */

#cc_servicebox .varBoxContent {
	padding: 0px !important;
}

#cc_servicebox .varBoxCL{padding-left: 10px}
#cc_servicebox .varBoxCR {padding: 0 10px 0 0;}
#cc_servicebox.varBox .varBoxContent .separator{margin: 2px 0;}

#cc_servicebox .quickstartContainer{position:relative}
#cc_servicebox .quickstartWrapper{
	position: absolute;
    right: -3px;
    top: 61px;
}

/** ServiceBox **/
.servicebox {
	/*min-height: 83px;*/
	height: 83px;
	/*position: relative;*/
}


.servicebox .serviceContent {
	margin: 0 5px 10px 4px;
}


.servicebox .serviceContent .elemSeparator {
	border-top: 1px solid #CCCCCC;
	margin: 5px 0 5px 0;
}

.servicebox .title .text {
	display: inline;
	float: left;
	font-size:18px;
	font-weight: bold;
}

.servicebox .serviceImage {
	background: url("../images/sprite_fixpos.png") no-repeat scroll 0 0 transparent;
	float: left;
	height: 80px;
	/*position: relative;*/
	top: 4px;
	width: 68px;
	left: 10px;
	/*position: absolute;*/
}
.servicebox.oma .serviceImage {background-position: 0 -195px;}
.servicebox.website .serviceImage {background-position: -68px -195px;}
.servicebox.filespace .serviceImage {background-position: -136px -195px;}
.servicebox.webdisk .serviceImage {background-position: -612px -195px;}
.servicebox.domain .serviceImage {background-position: -204px -195px;}
.servicebox.email .serviceImage {background-position: -272px -195px;}


.servicebox.inactive {
	height: 49px;
    padding-left: 4px;
    padding-top: 4px;
}

.servicebox.inactive .serviceImage {
	background: url("../images/sprite_icons_4.png") no-repeat scroll 0 0 transparent;
	float: left;
	height: 45px;
	/*position: relative;*/
	top: 4px;
	width: 40px;
	left: 10px;
	/*position: absolute;*/
}
.servicebox.oma.inactive .serviceImage			{ background-position: 0 -42px; }
.servicebox.website.inactive .serviceImage		{ background-position: 0 -132px; }
.servicebox.filespace.inactive .serviceImage	{ background-position: 0 -222px; }
.servicebox.webdisk.inactive .serviceImage		{ background-position: 0 -942px; }

.servicebox.inactive .title {
    padding-top: 6px !important;
}
.servicebox.inactive .title {
	display: block;
	height: 18px;
	padding-top: 30px;
	width: 500px;
	margin: 0 0 0 50px;
}
.servicebox.inactive .title .text {
	display: inline;
	float: left;
	font-size:14px;
	font-weight: bold;
}
.servicebox.inactive .information {
    margin: 0 0 0 50px;
}
.servicebox.inactive .paddingRightShadow {
    float: right;
    margin-top: -37px;
    position: relative;
    right: -1px;
    left: 0px;
}





.servicebox .stars {
	display: inline;
	float: left;
	margin-top: -4px;
	padding-left: 10px;
	width: 85px;
}

.servicebox .stars img {
	width: 27px;
	height: 23px;
	float: left;
	margin-left: -2px;
}

.servicebox .stars .on {
	background: url("../images/sprite_fixpos.png") no-repeat scroll -27px -168px transparent;
}

.servicebox .stars .off {
	background: url("../images/sprite_fixpos.png") no-repeat scroll 0px -168px transparent;
}

.servicebox .title {
	display: block;
	height: 27px;
	padding-top: 30px;
	width: 500px;
	margin: 0 0 0 75px;
}
.servicebox .title a{
	color:#333333;
	text-decoration: none;
} 

.servicebox .title.withnotification { padding-top: 10px; }
.servicebox .title.withinformation { padding-top: 19px;/*19px*/}

.servicebox .information { margin: 0 0 0 75px; }

#serviceHead .withnotification { margin-top: 2px; }
.servicebox .spaceInfo .statusSpace {
	height: 40px;
	margin-right: 10px;
	margin-top: 10px;
}

.notification{
	width: 420px;
	color: #c32424;
}
.servicebox .notification {
	font-size: 12px;	
	margin: 0 0 0 75px;
	/*float:left;*/
}
.servicebox .notification.big {
	margin-top: -8px;
}
#serviceHead .notification {
   	float: left;
    font-size: 12px;
    margin-left: 95px;
    margin-top: -33px;
    width: 350px;	
}

#serviceHead .notification.big {
    margin-top: -45px;
}

.servicebox .paddingRightShadow {
	float: left;
    left: 357px;
    margin-top: -53px;
    position: relative;
}
.servicebox .quickstart{margin-top:-4px}
.servicebox .quickstart .servicelink {margin-top:-4px;margin-right:-9px}
.servicebox .cTextMenu,#mailService .cTextMenu{ right:0px; margin-left: 9px;float:left}

form .agb_label_with_icon {
	background: url("../images/icon/icon_lock_ssl.gif") no-repeat;
	height: 38px;
	padding-left: 36px;
	padding-top: 8px;
}

.varBox .varBoxContent table.pagesTable .first {
	border-top: none !important;
}

.hidden{display:none;}
#useCaseOverview .varBoxContent {
	padding: 1px 5px 0 !important;
	margin-bottom: -1px;
}
.useCaseOverview td{width: 330px;}
.useCaseOverview .withBorder{border-bottom: 1px solid #DDDDDD;}
.useCaseOverview a{padding-left: 45px;}
.useCaseOverview td a{
  font-size: 14px;
  height: 40px;
  margin-bottom: 2px;
}
.useCaseOverview td a.nl{ margin-top: 2px;}
.useCaseOverview td a:hover{
  background-color: #eee;
  text-decoration: none;
}
.useCaseOverview td.splitter{width: 20px;}
.cTextMenu.open .linkRgt .button .lft,.cTextMenu.open .linkRgt .button .rgt,.cTextMenu.open .linkRgt .button .bg{background: none;}
.cTextMenu .linkCenter.button{padding: 0;}
.cTextMenu .linkRgt .button{margin-top: 2px}
.cTextMenu .linkRgt .button .bg{margin-top: 6px}

.cTextMenu .button .imageContainer{
    background: url("../images/sprite_icons_1.png") no-repeat scroll 0 -579px transparent;
    display: inline-block;
    height: 16px;
	margin: 0px -5px 0 5px;
    width: 14px;
}
.cTextMenu.open .button .imageContainer{background-position: 0 -484px;}
.quickstart .servicelink.single {margin-right: 10px;}
.quickstart {float: right;}
/*.quickstart.withnotification{position:relative;top: 22px;}
.quickstart.withinformation{position:relative;top: -4px;}
.quickstart.withspaceandnotification{position:relative;top: 9px;}*/
.quickstart .servicelink, .quickstart .trenner{float: left;}
.quickstart .trenner a{color:#333;margin-right: 15px}
.quickstart .trenner span{float: left;margin-left:4px}
.quickstart .cTextMenu{top:1px}

.varBox.hasTitle td .quickstart {
	right: -6px!important;
	top: 0px!important;
	color: #26526F;
}

/* Email Service */
.cc_email_overview .mailIcon {
	width: 48px;
}

.cc_email_overview .icon {
	width: 20px;
}

.cc_email_overview .mailIcon .iconDiv {
	background: url("../images/sprite_icons_34.png") no-repeat scroll 0px -306px transparent;
    height: 34px;
    margin: 0 0 0 5px;
    width: 34px;
    cursor: pointer;
}

.cc_email_overview .none {
	padding-left: 9px;
	height: 30px;
}

.cc_email_overview td {
	height: 53px;
}

.cc_email_overview .separate td {
	border-top: 1px solid #CCCCCC;
}

.cc_email_overview .address {
	font-size: 14px;
}

.cc_email_overview .create .websiteMakerEmailForm{
	margin-top: 15px;
}

.cc_email_overview .websiteMakerEmailForm .inputField{
	float: none !important;
	width: 221px;
}

.cc_email_overview .websiteMakerEmailForm .selectField {
    margin-top: 0;
    width: 220px;
}

.cc_email_overview .delete .websiteMakerEmailForm .hoverBox {
    margin-top: 2px;
}


.cc_email_overview .bottomBG{
	background: url("../images/email_bg_bottom.png") repeat-x scroll left bottom #FFFFFF;
}

.cc_email_overview .websiteMakerEmailForm{
	margin-left: 10px;
	margin-bottom: 20px;
	width: 90%;
}

.cc_email_overview .websiteMakerEmailForm td {
	height: 24px;
}

.cc_email_overview .websiteMakerEmailForm .passwordLengthInfo {
	line-height: 16px;
}

.cc_email_overview .websiteMakerEmailForm .at{
	margin-right: 6px;
	margin-top: -2px;
	float:left;
	line-height: 20px;
}

#buyEmails{
	display: none;
	padding-top: 40px;
}

.line .caption {
	width: 150px;
	float:left;
}

.variableTable {
	margin-bottom: 10px;
    margin-top: 10px;
}

.variableTable td {
	background: none!important;
	border: 0!important;
}

.variableTable .caption {
 	float: left;
    margin-bottom: 15px;
}

.variableTable .passwordText {
 	width: 130px;
}

.cc_email_overview .addressLink{font-size:14px;display:inline-block;max-width:360px;}
.cc_email_overview .quickstart {margin-top:2px}
.cc_email_overview .quickstart .cTextMenu {top:6px}
.cc_email_overview .trenner .link_type{float:left;margin-right: -10px}
.cc_email_overview .servicelink{
	margin-right: -10px;
    margin-top: 1px;
}

.cc_email_overview .address .addressWrapper{
	width: 360px;
	margin-top: 0px;
	overflow:hidden;
	position: relative;	
}

.cc_email_overview .address .addressWrapper .fadeOut{
	background: url("../images/textfade.png") no-repeat scroll 0 0 transparent;
    height: 17px;
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 200px;
    cursor:pointer;
}

.cc_email_overview form .statusBox{
	width: 600px;
}

/* Contact Form*/
#ci_contact_form div.line{
	clear: both;
    height: 26px;
    margin-top: 10px;	
}

#ci_contact_form div.lineCaptcha{
	clear: both;
    margin-top: 10px;	
}

#ci_contact_form span.caption {
    float: left;
    line-height: 16px;
    width: 140px;
}

#ci_contact_form input[type=text]{
	width: 250px;	
}

#ci_contact_form select{
 width:252px;
}

#ci_contact_form .textareaWrapper{
	width: 400px;
	float:left;
}

#ci_contact_form .textareaWrapper span{
	line-height:26px;
	float:left;
} 

#ci_contact_form textarea {
    height: 200px;
    padding: 8px 2px 3px 2px;
    width: 246px;
    margin-top: 5px;
}

#ci_contact_form .inputErrorFrame{
	width: 260px;	
}

#ci_contact_form .inputErrorFrame .inputErrorFrame_middle{
	width: 255px;	
}
		
/* Domain Check Tab*/
.domainCheckTab{
	background: no-repeat scroll 0 0 transparent;
	width: 980px;
	height: 320px;
	text-align: center;
}
		
.domainCheckTab .domainToCheck{
    top: 153px;
    width: 341px;
    background-color: #EFEFEF;
    border: medium none;
    height: 20px;
}		

.domainCheckTab .tldCheckboxesWrapper,.domainCheckTab .domainToCheck,.domainCheckTab .positioner{
    position: relative;
}

.domainCheckTab .tldCheckboxes{
    height: 60px;
    left: 200px;
    position: absolute;
    top: 130px;
    width: 633px;
}

.domainCheckTab .tldCheckboxes .tld{
    float: left;
    line-height: 28px;
    text-align: left;
    width: 68px;
}

.domainCheckTab .positioner{
    top: 245px;
}

.domainCheckTab .info{
	margin-top: -55px;
}

/* ci_notifications */

.ci_notifications {
	/*
	max-height: 450px;
	overflow-y: scroll;
	*/
}

.ci_notifications .seperator{
	border-top: 1px solid #CCCCCC;
	margin: 0 5px 0px 10px;
}

.ci_notifications .servicebox{
	margin: 0 0 5px 5px;
	min-height: 83px;
	height: auto;
}

.ci_notifications .servicebox:hover{
	background-color: #FFF !important;
}

.ci_notifications .title.withinformation{
	padding-top: 12px;	
}
.ci_notifications .servicebox .servicePart { margin: 0 0 0 75px; }

.ci_notifications .link{
	float:right;
	margin-top: 6px;
	margin: 6px 6px 0 0;
}

.ci_notifications .notification{
	/*width: 400px;*/
	margin-top: 0px;
	overflow:hidden;
	position: relative;	
	color: #333333;
	float: none;
}

.ci_notifications .notification .italic{
	font-style: italic;
}

.ci_notifications .statusBox.small{
	float: right;
    margin-right: -4px;
    margin-top: -28px;
    padding: 0 5px;
    width: 166px;
}


.ci_notifications .statusBox.blue.small {
	float: none;
	width: auto;
	margin: 0px 0px 0px 0px;
}


.ci_notifications .statusBox.small .message {
	font-size: 12px;
}

.ci_notifications .notification .fadeOut{
	background: url("../images/textfade.png") no-repeat scroll 0 0 transparent;
    height: 17px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
}