@CHARSET "UTF-8";

#DevelopEA{
	margin:10px 20px 0 20px;
}

/*タグ1*/
#DevelopTabMenu #tag1{
	margin:20px 0  50px 30px;
}

/*タグ2*/
#DevelopTabMenu #tag2{
	margin:20px 0 50px 30px;
}

/*タグ3*/
#DevelopTabMenu #tag3{
	margin:20px 0 50px 30px;
}

/*タグ4*/
#DevelopTabMenu #tag4{
	margin:20px 0 50px 30px;
}

/*タグ5*/
#DevelopTabMenu #tag5{
	margin:20px 0 50px 30px;
}

/*タグ1タイトル画像*/
#tag1 .tag_title{
	background-image: url(../img/develop/tagtitle1.png);
	background-repeat: no-repeat;
	top:10px;
	height:60px;
	background-position:-50px -40px;
}

/*タグ2タイトル画像*/
#tag2 .tag_title{
	background-image: url(../img/develop/tagtitle2.png);
	background-repeat: no-repeat;
	top:10px;
	height:60px;
	background-position:-50px -40px;
}

/*タグ3タイトル画像*/
#tag3 .tag_title{
	background-image: url(../img/develop/tagtitle3.png);
	background-repeat: no-repeat;
	top:10px;
	height:60px;
	background-position:-50px -40px;
}

/*タグ4タイトル画像*/
#tag4 .tag_title{
	background-image: url(../img/develop/tagtitle4.png);
	background-repeat: no-repeat;
	top:10px;
	height:60px;
	background-position:-50px -40px;
}

/*タグ5タイトル画像*/
#tag5 .tag_title{
	background-image: url(../img/develop/tagtitle5.png);
	background-repeat: no-repeat;
	top:10px;
	height:60px;
	background-position:-50px -40px;
}

#CreateInfo #infoMainTitle{
	background-repeat: no-repeat;
	background-image: url(../up/systre_seisaku_2.gif);
	background-position:10px 10px;
	margin-top:-20px;
	height:180px;
}

#CreateInfo #infoSubText{
	margin-top:-60px;
}

#CreateInfo #infoSubText #infoSubList{
	margin-left:30px;
	font-weight:bold;
	font-size:13px;
}

#CreateInfo #infoSubText li{
	padding: 10px 0px 5px 0px;
	background-repeat: no-repeat;
	background-image: url(../img/develop/dot.gif);
	background-position:left;
	background-size:15px;
}

#CreateInfo #infoSubComment{
	font-weight:bold;
	position:relative;
	top:15px;
	font-size:13px;
}

#CreateInfo #infoMerit{
	display:block;
	position:relative;
	top:50px;
}

#CreateInfo #infoMerit #infoMeritTitle{
	background-image: url(../img/develop/tag1subtitle.png);
	background-repeat: no-repeat;
	background-position:-20px -40px;
	display: block;
	width: 570px;
	height: 37px;
	margin:0 0 15px 0;
}


/*ボックス枠*/
.infoMeritOuter{
	 border-radius: 10px;         /* CSS3 */
    -moz-border-radius: 10px;    /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    border: 1px #C71585 solid;
    background-color: #FFFFE0;
 }

#infoMerit #Merits{
	margin-left:20px;
}

/*メリット1*/
#infoMerit1{
	display:block;
	margin-top:20px;
}

#infoMerit1 #infoMerit1Title{
	font-weight:bold;
	font-size:25px;
	color:blue;
	margin-left:-10px;
}

#infoMerit li#title{
	padding: 10px 0px 5px 45px;
	background-repeat: no-repeat;
	background-image: url(../img/develop/dot.gif);
	background-position:10px 18px;
	background-size:18px;
}


#infoMerit1 #infoMerit1Text{
	display:block;
	width:450px;
}

#infoMerit1 #infoMerit1Comment{
	margin:10px;
	font-weight:bold;
	font-size:13px;
}

/*メリット2*/
#infoMerit2{
	display:block;
	position:relative;
	top:10px;
}

#infoMerit2 #infoMerit2Title{
	font-weight:bold;
	font-size:25px;
	color:blue;
	margin-left:-10px;
}


#infoMerit2 #infoMerit2Text{
	display:block;
	width:450px;
}

#infoMerit2 #infoMerit2Comment{
	margin:10px;
	font-weight:bold;
	font-size:13px;
}

/*メリット3*/
#infoMerit3{
	position:relative;
	top:30px;
}

#infoMerit3 #infoMerit3Title{
	font-weight:bold;
	font-size:25px;
	color:blue;
	margin-left:-10px;
}

#infoMerit3 #infoMerit3Text{
	display:block;
	width:450px;
}

#infoMerit3 #infoMerit3Comment{
	margin:10px;
	font-weight:bold;
	font-size:13px;
}

/*メリット4*/
#infoMerit4{
	display:block;
	position:relative;
	top:40px;
}

#infoMerit4 #infoMerit4Title{
	font-weight:bold;
	font-size:25px;
	color:blue;
	margin-left:-10px;
}

#infoMerit4 #infoMerit4Text{
	display:block;
	width:450px;
}

#infoMerit4 #infoMerit4Comment{
	margin:10px;
	font-weight:bold;
	font-size:13px;
}

/*メリット5*/
#infoMerit5{
	display:block;
	position:relative;
	top:60px;
/*	margin-left: 120px; */
}

#infoMerit5 #infoMerit5Title{
	font-weight:bold;
	font-size:25px;
	color:blue;
	margin-left:-10px;
}


#infoMerit5 #infoMerit5Text{
	display:block;
	width:450px;
	font-size:13px;
}



#infoMerit5 #infoMerit5Comment{
	margin:10px;
	font-weight:bold;
	font-size:13px;
}

/*メリット6*/
#infoMerit6{
	display:block;
	position:relative;
	top:10px;
/*	margin-left: 120px; */
}

#infoMerit6 #infoMerit6Title{
	font-weight:bold;
	font-size:25px;
	color:blue;
	margin-left:-10px;
}

#infoMerit6 #infoMerit6Text{
	display:block;
	width:450px;
}

#infoMerit6 #infoMerit6Comment{
	margin:10px;
	font-weight:bold;
	font-size:13px;
}

#infoMerit6 li{
	font-weight:bold;
	font-size:13px;
}

#infoMerit6 a{
	color: #8A2BE2;
	text-decoration: none;
	outline: none;
	font-size:13px;
	font-weight:bold;
}

#infoMerit6 a:hover{
	color: #5931f6;
	text-decoration: underline;
}

#tag1 #CreateInfo a#returntop{
	background-image:url(../img/develop/link.png);
	background-repeat:no-repeat;
	display:block;
	margin:200px 0 0 510px;
	padding: 0 0 0 20px;
}




/*申し込み手順///////////////////////////////////////*/
#EntryStep1{
	margin-left:10px;
	background-repeat:no-repeat;
	background-image:url(../img/develop/step1.png);
	background-position:0 30px;
}

#EntryStep2{
	margin-left:10px;
	background-repeat:no-repeat;
	background-image:url(../img/develop/step2.png);
	background-position:0 25px;
}

#EntryStep3{
	margin-left:10px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-image:url(../img/develop/step3.png);
	background-position:0 18px;
}

#EntryStep4{
	margin-left:10px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-image:url(../img/develop/step4.png);
	background-position:0 18px;
}

#EntryStep5{
	margin-left:10px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-image:url(../img/develop/step5.png);
	background-position:0 18px;
}

#EntryStep1 #StepTitle{
	padding-left:170px;
	padding-top:50px;
	font-weight:bold;
	color:blue;
	font-size:25px;
}

#EntryStep1 #StepComment{
	padding: 20px 0px 0px 120px;
	font-weight:bold;
	font-size:13px;
}

img.Arrow1{
	width:30px;
	heght:30px;
	margin-left:180px;
	margin-top:30px;
}


#EntryStep2 #StepTitle{
	position:relative;
	top:40px;
	left:170px;
	font-weight:bold;
	color:blue;
	font-size:25px;
}

#EntryStep2 #StepComment{
	width:400px;
	padding:60px 0 30px 120px;
	font-weight:bold;
	font-size:13px;
}

img.Arrow2{
	width:30px;
	heght:30px;
	margin:0 0 0 180px;
}


#EntryStep3 #StepTitle{
	position:relative;
	top:30px;
	left:170px;
	font-weight:bold;
	color:blue;
	font-size:25px;
}

#EntryStep3 #StepComment{
	width:400px;
	position:relative;
	top:60px;
	left:120px;
	font-weight:bold;
	font-size:13px;
}

img.Arrow3{
	width:30px;
	heght:30px;
	margin-left:180px;
	margin-top:80px;
}


#EntryStep4 #StepTitle{
	position:relative;
	top:30px;
	left:170px;
	font-weight:bold;
	color:blue;
	font-size:25px;
}

#EntryStep4 #StepComment{
	width:400px;
	position:relative;
	top:60px;
	left:120px;
	font-weight:bold;
	font-size:13px;
}

img.Arrow4{
	width:30px;
	heght:30px;
	margin-left:180px;
	margin-top:100px;
}


#EntryStep5 #StepTitle{
	position:relative;
	top:30px;
	left:170px;
	font-weight:bold;
	color:blue;
	font-size:25px;
}

#EntryStep5 #StepComment{
	width:400px;
	position:relative;
	top:60px;
	left:120px;
	font-weight:bold;
	font-size:13px;
}

#tag2 #FlowEntry a#returntop{
	background-image:url(../img/develop/link.png);
	background-repeat:no-repeat;
	display:block;
	margin:100px 0 0 510px;
	padding: 0 0 0  20px;
}

/*料金サンプル*/
#tag3 #FeeExample{
	margin-left:10px;
}

#FeeExplain{
	font-weight:bold;
	font-size:13px;
}

table#Fee {
	margin-top:10px;
    width: 600px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#Fee th {
	font-size:13px;
	height:30px;
	width:250px;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    line-height: 120%;
    text-align: center;
    background: url(../img/lino.gif) repeat-x;
}

table#Fee td {
	font-size:13px;
	height:30px;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    font-weight:bold;
}

#tag3 #FeeSample{
	margin-top:30px;
	width:530px;

}

#FeeSample #title{
	font-weight:bold;
	font-size:25px;
}

#SampleEA1 #EAtitle{
	margin-top:15px;
	font-weight:bold;
	font-size:18px;
}

#SampleEA1 #logic_explain1{
	margin-left:5px;
	font-weight:bold;
	font-size:13px
}

#FeeSample img{
	height:15px;
}

#FeeSample #logic_category{
	position:relative;
	top:-18px;
	left:20px;
	font-size:18px;
	font-weight:bold;

}

#tag3 #FeeExample a#returntop{
	background-image:url(../img/develop/link.png);
	background-repeat:no-repeat;
	display:block;
	margin:10px 0 0 510px;
	padding: 0 0 0 20px;
}

/*簡単お見積もり*/
#tag4 #estimatestep1{
	margin-left:20px;
}

#tag4 #estimatestep2{
	margin-left:20px;
}

#tag4 #estimatestep3{
	margin-left:20px;
}

table#EasyEstimate {
	margin-top:10px;
    width: 600px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#EasyEstimate th {
    background: url(../img/lino.gif) repeat-x;
	border-bottom: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	text-align: center;
	font-size:13px;
	height:30px;
	width:260px;
}

table#EasyEstimate td {
	font-weight:bold;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    height:30px;
    font-size:13px;
}

#estimatestep1 a#submitstep1info{
    display:block;
    margin:30px 0 0 200px;
    height:60px;
    width:205px;
    background-image:url(../img/develop/estimate.png);
	background-repeat:no-repeat;
	background-position:left top;
}

#estimatestep1 a#submitstep1info:hover{
    display:block;
    margin:30px 0 0 200px;
    height:60px;
    width:205px;
    background-image:url(../img/develop/estimate.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}


#estimatestep2 #ordercategory{
	font-weight:bold;
	font-size:25px;
}

#estimatestep2 #fee{
	 font-weight:bold;
	 font-size:25px;
	 margin:10px 0 0 30px;
	 color:#CC3399;
}

#orderdetail table#mainfunction{
	margin-top:10px;
	width:600px;
	border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:13px;
}

#orderdetail td{
	border: 1px #E3E3E3 solid;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}

#orderdetail th{
	border: 1px #E3E3E3 solid;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	background: url(../img/lino.gif) repeat-x;
	height:30px;
	width:250px;
	font-size:13px;
}

#orderdetail  td .others{
	margin-left:10px;
	font-weight:bold;
}

#estimatestep2 #orderdetail table#choice{
	margin:20px 0 0 200px;
	border:none;
}

#estimatestep2 #orderdetail table#choice td{
	border:none;
	text-align:center;
}

#estimatestep2 #orderdetail table a#submitbaskstep1{
    margin-left:-30px;
    display:block;
    height:33px;
    width:111px;
    background-image:url(../img/develop/return.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#estimatestep2 #orderdetail table a#submitbaskstep1:hover{
    margin-left:-30px;
    display:block;
    height:33px;
    width:111px;
    background-image:url(../img/develop/return.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#estimatestep2 #orderdetail table a#submitgostep3{
   margin-left:20px;
    display:block;
    height:33px;
    width:111px;
    background-image:url(../img/develop/next.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#estimatestep2 #orderdetail table a#submitgostep3:hover{
   margin-left:20px;
    display:block;
    height:33px;
    width:111px;
    background-image:url(../img/develop/next.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#estimatestep3 #detailstep3 #ordercategory{
	font-weight:bold;
}

#estimatestep3 #detailstep3{
    border: 1px #E3E3E3 solid;
    padding:10px 0 5px 10px;
    width:530px;
}

#estimatestep3 #detailstep3 #ortegory{
	font-size:13px;
	font-weight:bold;
}

#estimatestep3 #detailstep3 div.others{
	font-size:13px;
	font-weight:bold;
}



#estimatestep3 #detailstep3 a#backstep1fromstep3{
    margin:0 0 0 200px;
    display:block;
    height:33px;
    width:111px;
    background-image:url(../img/develop/return.png);
	background-repeat:no-repeat;
	position:top left;
}

#estimatestep3 #detailstep3 a#backstep1fromstep3:hover{
    margin:0 0 0 200px;
    display:block;
    height:33px;
    width:111px;
    background-image:url(../img/develop/return.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#estimatestep3 #sendinfo table{
	margin-top:10px;
	width:540px;
	border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#estimatestep3 #sendinfo th#info {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 1px;
    line-height: 120%;
    text-align: center;
    height:20px;
    width:90px;
    font-size:13px;
    background: url(../img/lino.gif) repeat-x;
}

#estimatestep3 #sendinfo th#logic {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 1px;
    text-align: center;
    height:130px;
    width:90px;
    font-size:13px;
    background: url(../img/lino.gif) repeat-x;
}

#estimatestep3 #sendinfo td{
    border: #E3E3E3 solid;
    border-width: 1px;
    line-height: 120%;
    height:40px;
    width:90px;
    font-size:12px;
}

#estimatestep3 td #logicexplain{
	margin:-15px 0 0 35px;
}



#estimatestep3 #sendinfo textarea{
	margin:5px 0 2px 10px;
	width:400px;
	height:70px;
}

#estimatestep3 #sendinfo #nameinfo{
	margin-left:10px;
	width:400px;
	height:20px;
}

#estimatestep3 #sendinfo #emailinfo{
	margin-left:10px;
	width:400px;
	height:20px;
}

#estimatestep3 #sendinfo #telinfo{
	margin-left:10px;
	width:400px;
	height:20px;
}


#estimatestep3 #sendinfo  a#doestimate{
	margin:20px 0 0 180px;
	display:block;
	width:210px;
	height:60px;
	background-image:url(../img/develop/estimate_free.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#estimatestep3 #sendinfo  a#doestimate:hover{
	margin:20px 0 0 180px;
	display:block;
	width:210px;
	height:60px;
	background-image:url(../img/develop/estimate_free.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

/*お問い合わせ*/
#tag5 #ContactTitle{
	 font-size:20px;
	 font-weight:bold;
}

#tag5 #develop_inquiryform{
	margin-left:20px;
}


#tag5 table.inquiry {
	border-top: 1px solid #c4c4c4;
	border-left: 1px solid #c4c4c4;
	border-collapse: collapse;
	width: 600px;
}

#tag5  table.inquiry th {
	background: url(../img/lino.gif) repeat-x;
	border-bottom: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	width: 60px;
	text-align:center;
}

#tag5 table.inquiry td {
	border-bottom: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
}

#tag5 table.inquiry textarea{
	width: 520px;
	height: 150px;
}

#tag5 a#confirm{
	margin:30px 0 0 250px;
    display:block;
    height:33px;
    width:111px;
    background-image:url(../img/develop/confirn.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#tag5 a#confirm:hover{
	margin:30px 0 0 250px;
    display:block;
    height:33px;
    width:111px;
    background-image:url(../img/develop/confirn.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#tag5 a#bac{
	margin:30px 0 0 180px;
    display:block;
    height:33px;
    width:111px;
    background-image:url(../img/develop/return.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#tag5 a#bac:hover{
	margin:30px 0 0 180px;
    display:block;
    height:33px;
    width:111px;
    background-image:url(../img/develop/return.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#tag5 a#sub{
	margin:30px 0 0 20px;
    display:block;
    height:33px;
    width:111px;
    background-image:url(../img/develop/send.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#tag5 a#sub:hover{
	margin:30px 0 0 20px;
    display:block;
    height:33px;
    width:111px;
    background-image:url(../img/develop/send.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

/*jquery.ui.core.css*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*jquery.ui.tabs.css*/
ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/*jquery.ui.theme.css*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #bea6e2; background: #fcfdfd url(../img/develop/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #885ccc url(../img/develop/images/ui-bg_gloss-wave_55_885ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(../img/develop/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(../img/develop/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #a879e7; background: #f5f8f9 url(../img/develop/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #8509e1; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #8509e1; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fad42e; background: #fbec88 url(../img/develop/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../img/develop/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and ../img/develop/images */
.ui-icon { width: 16px; height: 16px; background-image: url(../img/develop/images/ui-icons_9046dd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../img/develop/images/ui-icons_9046dd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../img/develop/images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../img/develop/images/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../img/develop/images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../img/develop/images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../img/develop/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../img/develop/images/ui-icons_cd0a0a_256x240.png); }


/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(../img/develop/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../img/develop/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }