input[type=radio]
{
    display: inline;
}

#prolms_guide
{
	margin: 10px 30px 20px 30px;
}

#prolms_top
{
	margin-bottom: 20px;
}

#predictpart
{
	height: auto;
	margin-bottom: 0;
}

#prolms_right
{
	padding-left: 50px;
}

#pdbupload
{
	float: left;
}

#uploadedfile
{
	margin-top: 10px;
}

#prediction
{
	height: auto;
	float: left;
	border-top: 1px solid #d7dfc1;
	border-bottom: 1px solid #d7dfc1;
	padding-top: 10px;
	padding-bottom: 10px;
}

#showpredictresult
{
	height: auto;
	float: left;
	padding-top: 20px;
}

#hetatms
{
	width: 760px;
	float: left;
}

#hetlink
{
	width: 100px;
	float: left;
	font-size: 0.8em;
}

#predictresult
{
	width: 600px;
	text-align: left;
	float: left;
}

#bindingprobability
{
	height: 30px;
}

#dispselect
{
	text-align: right;
	padding-right: 30px;
	float: right;
}

#downloadarea
{
	margin-top: 20px;
	text-align: center;
}

#hetatms, #predictresult, #bindingprobability, #dispselect
{
    margin: 10px 0px 10px 0px;
}

#hetlink
{
    margin-top: 15px;
}

#seqwin
{
    display: contents;
    width: 600px;
}

#seqlegendtitle
{
	font-size: 13pt;
	margin-top: 30px;
	text-align: center;
}

#seqlegend
{
    width: 500px;
	margin-top: 30px;
    padding-top: 0;
	text-align: center;
}

#seqwin div.seq
{
    font-size: 13pt;
}

#seqlegend span
{
    font-size: 7pt;
}

#bindingprobability span
{
    font-size: 7pt;
    font-family: monospace;
}

#bindingprobability p
{
    padding: 0;
    margin: 0;
}

/* red gradation */
#seqwin span.model1, #bindingprobability span.model1, #bindingprobability span.model1s, #seqlegend span.model1
{
    background: 2px rgb(255,255,255);
    cursor: pointer;
}

#seqwin span.model2, #bindingprobability span.model2, #bindingprobability span.model2s, #seqlegend span.model2
{
    background: 2px rgb(255,247,247);
    cursor: pointer;
}

#seqwin span.model3, #bindingprobability span.model3, #bindingprobability span.model3s, #seqlegend span.model3
{
    background: 2px rgb(255,239,239);
    cursor: pointer;
}

#seqwin span.model4, #bindingprobability span.model4, #bindingprobability span.model4s, #seqlegend span.model4
{
    background: 2px rgb(255,231,231);
    cursor: pointer;
}

#seqwin span.model5, #bindingprobability span.model5, #bindingprobability span.model5s, #seqlegend span.model5
{
    background: 2px rgb(255,223,223);
    cursor: pointer;
}

#seqwin span.model6, #bindingprobability span.model6, #bindingprobability span.model6s, #seqlegend span.model6
{
    background: 2px rgb(255,215,215);
    cursor: pointer;
}

#seqwin span.model7, #bindingprobability span.model7, #bindingprobability span.model7s, #seqlegend span.model7
{
    background: 2px rgb(255,207,207);
    cursor: pointer;
}

#seqwin span.model8, #bindingprobability span.model8, #bindingprobability span.model8s, #seqlegend span.model8
{
    background: 2px rgb(255,199,199);
    cursor: pointer;
}

#seqwin span.model9, #bindingprobability span.model9, #bindingprobability span.model9s, #seqlegend span.model9
{
    background: 2px rgb(255,191,191);
    cursor: pointer;
}

#seqwin span.model10, #bindingprobability span.model10, #bindingprobability span.model10s, #seqlegend span.model10
{
    background: 2px rgb(255,183,183);
    cursor: pointer;
}

#seqwin span.model11, #bindingprobability span.model11, #bindingprobability span.model11s, #seqlegend span.model11
{
    background: 2px rgb(255,175,175);
    cursor: pointer;
}

#seqwin span.model12, #bindingprobability span.model12, #bindingprobability span.model12s, #seqlegend span.model12
{
    background: 2px rgb(255,167,167);
    cursor: pointer;
}

#seqwin span.model13, #bindingprobability span.model13, #bindingprobability span.model13s, #seqlegend span.model13
{
    background: 2px rgb(255,159,159);
    cursor: pointer;
}

#seqwin span.model14, #bindingprobability span.model14, #bindingprobability span.model14s, #seqlegend span.model14
{
    background: 2px rgb(255,151,151);
    cursor: pointer;
}

#seqwin span.model15, #bindingprobability span.model15, #bindingprobability span.model15s, #seqlegend span.model15
{
    background: 2px rgb(255,143,143);
    cursor: pointer;
}

#seqwin span.model16, #bindingprobability span.model16, #bindingprobability span.model16s, #seqlegend span.model16
{
    background: 2px rgb(255,135,135);
    cursor: pointer;
}

#seqwin span.model17, #bindingprobability span.model17, #bindingprobability span.model17s, #seqlegend span.model17
{
    background: 2px rgb(255,127,127);
    cursor: pointer;
}

#seqwin span.model18, #bindingprobability span.model18, #bindingprobability span.model18s, #seqlegend span.model18
{
    background: 2px rgb(255,119,119);
    cursor: pointer;
}

#seqwin span.model19, #bindingprobability span.model19, #bindingprobability span.model19s, #seqlegend span.model19
{
    background: 2px rgb(255,111,111);
    cursor: pointer;
}

#seqwin span.model20, #bindingprobability span.model20, #bindingprobability span.model20s, #seqlegend span.model20
{
    background: 2px rgb(255,103,103);
    cursor: pointer;
}

#seqwin span.model21, #bindingprobability span.model21, #bindingprobability span.model21s, #seqlegend span.model21
{
    background: 2px rgb(255,95,95);
    cursor: pointer;
}

#seqwin span.model22, #bindingprobability span.model22, #bindingprobability span.model22s, #seqlegend span.model22
{
    background: 2px rgb(255,87,87);
    cursor: pointer;
}

#seqwin span.model23, #bindingprobability span.model23, #bindingprobability span.model23s, #seqlegend span.model23
{
    background: 2px rgb(255,79,79);
    cursor: pointer;
}

#seqwin span.model24, #bindingprobability span.model24, #bindingprobability span.model24s, #seqlegend span.model24
{
    background: 2px rgb(255,71,71);
    cursor: pointer;
}

#seqwin span.model25, #bindingprobability span.model25, #bindingprobability span.model25s, #seqlegend span.model25
{
    background: 2px rgb(255,63,63);
    cursor: pointer;
}

#seqwin span.model26, #bindingprobability span.model26, #bindingprobability span.model26s, #seqlegend span.model26
{
    background: 2px rgb(255,55,55);
    cursor: pointer;
}

#seqwin span.model27, #bindingprobability span.model27, #bindingprobability span.model27s, #seqlegend span.model27
{
    background: 2px rgb(255,47,47);
    cursor: pointer;
}

#seqwin span.model28, #bindingprobability span.model28, #bindingprobability span.model28s, #seqlegend span.model28
{
    background: 2px rgb(255,39,39);
    cursor: pointer;
}

#seqwin span.model29, #bindingprobability span.model29, #bindingprobability span.model29s, #seqlegend span.model29
{
    background: 2px rgb(255,31,31);
    cursor: pointer;
}

#seqwin span.model30, #bindingprobability span.model30, #bindingprobability span.model30s, #seqlegend span.model30
{
    background: 2px rgb(255,23,23);
    cursor: pointer;
}

#seqwin span.model31, #bindingprobability span.model31, #bindingprobability span.model31s, #seqlegend span.model31
{
    background: 2px rgb(255,15,15);
    cursor: pointer;
}

#seqwin span.model32, #bindingprobability span.model32, #bindingprobability span.model32s, #seqlegend span.model32
{
    background: 2px rgb(255,7,7);
    cursor: pointer;
}

#seqwin span.model33, #bindingprobability span.model33, #bindingprobability span.model33s, #seqlegend span.model33
{
    background: 2px rgb(255,0,0);
    cursor: pointer;
}

/* blue gradation */
#seqwin span.model1_bl, #bindingprobability span.model1_bl, #bindingprobability span.model1s_bl, #seqlegend span.model1_bl
{
    background: 2px rgb(255,255,255);
    cursor: pointer;
}

#seqwin span.model2_bl, #bindingprobability span.model2_bl, #bindingprobability span.model2s_bl, #seqlegend span.model2_bl
{
    background: 2px rgb(247,247,255);
    cursor: pointer;
}

#seqwin span.model3_bl, #bindingprobability span.model3_bl, #bindingprobability span.model3s_bl, #seqlegend span.model3_bl
{
    background: 2px rgb(239,239,255);
    cursor: pointer;
}

#seqwin span.model4_bl, #bindingprobability span.model4_bl, #bindingprobability span.model4s_bl, #seqlegend span.model4_bl
{
    background: 2px rgb(231,231,255);
    cursor: pointer;
}

#seqwin span.model5_bl, #bindingprobability span.model5_bl, #bindingprobability span.model5s_bl, #seqlegend span.modelbl5_bl
{
    background: 2px rgb(223,223,255);
    cursor: pointer;
}

#seqwin span.model6_bl, #bindingprobability span.model6_bl, #bindingprobability span.model6s_bl, #seqlegend span.model6_bl
{
    background: 2px rgb(215,215,255);
    cursor: pointer;
}

#seqwin span.model7_bl, #bindingprobability span.model7_bl, #bindingprobability span.model7s_bl, #seqlegend span.model7_bl
{
    background: 2px rgb(207,207,255);
    cursor: pointer;
}

#seqwin span.model8_bl, #bindingprobability span.model8_bl, #bindingprobability span.model8s_bl, #seqlegend span.model8_bl
{
    background: 2px rgb(199,199,255);
    cursor: pointer;
}

#seqwin span.model9_bl, #bindingprobability span.model9_bl, #bindingprobability span.model9s_bl, #seqlegend span.model9_bl
{
    background: 2px rgb(191,191,255);
    cursor: pointer;
}

#seqwin span.model10_bl, #bindingprobability span.model10_bl, #bindingprobability span.model10s_bl, #seqlegend span.model10_bl
{
    background: 2px rgb(183,183,255);
    cursor: pointer;
}

#seqwin span.model11_bl, #bindingprobability span.model11_bl, #bindingprobability span.model11s_bl, #seqlegend span.model11_bl
{
    background: 2px rgb(175,175,255);
    cursor: pointer;
}

#seqwin span.model12_bl, #bindingprobability span.model12_bl, #bindingprobability span.model12s_bl, #seqlegend span.model12_bl
{
    background: 2px rgb(167,167,255);
    cursor: pointer;
}

#seqwin span.model13_bl, #bindingprobability span.model13_bl, #bindingprobability span.model13s_bl, #seqlegend span.model13_bl
{
    background: 2px rgb(159,159,255);
    cursor: pointer;
}

#seqwin span.model14_bl, #bindingprobability span.model14_bl, #bindingprobability span.model14s_bl, #seqlegend span.model14_bl
{
    background: 2px rgb(151,151,255);
    cursor: pointer;
}

#seqwin span.model15_bl, #bindingprobability span.model15_bl, #bindingprobability span.model15s_bl, #seqlegend span.model15_bl
{
    background: 2px rgb(143,143,255);
    cursor: pointer;
}

#seqwin span.model16_bl, #bindingprobability span.model16_bl, #bindingprobability span.model16s_bl, #seqlegend span.model16_bl
{
    background: 2px rgb(135,135,255);
    cursor: pointer;
}

#seqwin span.model17_bl, #bindingprobability span.model17_bl, #bindingprobability span.model17s_bl, #seqlegend span.model17_bl
{
    background: 2px rgb(127,127,255);
    cursor: pointer;
}

#seqwin span.model18_bl, #bindingprobability span.model18_bl, #bindingprobability span.model18s_bl, #seqlegend span.model18_bl
{
    background: 2px rgb(119,119,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model19_bl, #bindingprobability span.model19_bl, #bindingprobability span.model19s_bl, #seqlegend span.model19_bl
{
    background: 2px rgb(111,111,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model20_bl, #bindingprobability span.model20_bl, #bindingprobability span.model20s_bl, #seqlegend span.model20_bl
{
    background: 2px rgb(103,103,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model21_bl, #bindingprobability span.model21_bl, #bindingprobability span.model21s_bl, #seqlegend span.model21_bl
{
    background: 2px rgb(95,95,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model22_bl, #bindingprobability span.model22_bl, #bindingprobability span.model22s_bl, #seqlegend span.model22_bl
{
    background: 2px rgb(87,87,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model23_bl, #bindingprobability span.model23_bl, #bindingprobability span.model23s_bl, #seqlegend span.model23_bl
{
    background: 2px rgb(79,79,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model24_bl, #bindingprobability span.model24_bl, #bindingprobability span.model24s_bl, #seqlegend span.model24_bl
{
    background: 2px rgb(71,71,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model25_bl, #bindingprobability span.model25_bl, #bindingprobability span.model25s_bl, #seqlegend span.model25_bl
{
    background: 2px rgb(63,63,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model26_bl, #bindingprobability span.model26_bl, #bindingprobability span.model26s_bl, #seqlegend span.model26_bl
{
    background: 2px rgb(55,55,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model27_bl, #bindingprobability span.model27_bl, #bindingprobability span.model27s_bl, #seqlegend span.model27_bl
{
    background: 2px rgb(47,47,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model28_bl, #bindingprobability span.model28_bl, #bindingprobability span.model28s_bl, #seqlegend span.model28_bl
{
    background: 2px rgb(39,39,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model29_bl, #bindingprobability span.model29_bl, #bindingprobability span.model29s_bl, #seqlegend span.model29_bl
{
    background: 2px rgb(31,31,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model30_bl, #bindingprobability span.model30_bl, #bindingprobability span.model30s_bl, #seqlegend span.model30_bl
{
    background: 2px rgb(23,23,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model31_bl, #bindingprobability span.model31_bl, #bindingprobability span.model31s_bl, #seqlegend span.model31_bl
{
    background: 2px rgb(15,15,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model32_bl, #bindingprobability span.model32_bl, #bindingprobability span.model32s_bl, #seqlegend span.model32_bl
{
    background: 2px rgb(7,7,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

#seqwin span.model33_bl, #bindingprobability span.model33_bl, #bindingprobability span.model33s_bl, #seqlegend span.model33_bl
{
    background: 2px rgb(0,0,255);
    cursor: pointer;
	color: white;
	font-weight: bold;
}

/* color for predicted residues */
#seqwin span.model33_gr, #bindingprobability span.model33_gr, #bindingprobability span.model33s_gr, #seqlegend span.model33_gr
{
    background: 2px rgb(160,160,255);
    cursor: pointer;
}

#seqlegend span.model1, #bindingprobability span.model1, #bindingprobability span.model1s
{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999; */
}

#seqlegend span.model2, #seqlegend span.model3, #seqlegend span.model4, #seqlegend span.model5, #seqlegend span.model6, #seqlegend span.model7, #seqlegend span.model8, #seqlegend span.model9, #seqlegend span.model10, #seqlegend span.model11, #seqlegend span.model12, #seqlegend span.model13, #seqlegend span.model14, #seqlegend span.model15, #seqlegend span.model16, #seqlegend span.model17, #seqlegend span.model18, #seqlegend span.model19, #seqlegend span.model20, #seqlegend span.model21, #seqlegend span.model22, #seqlegend span.model23, #seqlegend span.model24, #seqlegend span.model25, #seqlegend span.model26, #seqlegend span.model27, #seqlegend span.model28, #seqlegend span.model29, #seqlegend span.model30, #seqlegend span.model31, #seqlegend span.model32
{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

#bindingprobability span.model2, #bindingprobability span.model3, #bindingprobability span.model4, #bindingprobability span.model5, #bindingprobability span.model6, #bindingprobability span.model7, #bindingprobability span.model8, #bindingprobability span.model9, #bindingprobability span.model10, #bindingprobability span.model11, #bindingprobability span.model12, #bindingprobability span.model13, #bindingprobability span.model14, #bindingprobability span.model15, #bindingprobability span.model16, #bindingprobability span.model17, #bindingprobability span.model18, #bindingprobability span.model19, #bindingprobability span.model20, #bindingprobability span.model21, #bindingprobability span.model22, #bindingprobability span.model23, #bindingprobability span.model24, #bindingprobability span.model25, #bindingprobability span.model26, #bindingprobability span.model27, #bindingprobability span.model28, #bindingprobability span.model29, #bindingprobability span.model30, #bindingprobability span.model31, #bindingprobability span.model32
{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

#seqlegend span.model33, #bindingprobability span.model33, #bindingprobability span.model33s
{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

#bindingprobability span.model1s
{
	border-left: 3px solid #000;
}

#bindingprobability span.model33s
{
	border-right: 3px solid #000;
}

#prolmsmsg
{
    position: relative;
    height: 390px;
    width: 390px;
    //border-radius: 10px;
    //border: 1px solid #d7dfc1;
    background-color: rgb(255,255,255);
    margin: 5px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#prolmsmsg p
{
	text-align: center;
	position: absolute;
	top: 20%;
}

#loading, #emsg{
	display: table;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	//opacity: 0.9;
	z-index: 10000;
}

#loading .loadingMsg {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-top: 140px;
	background: url("./filling_circles.gif") center center no-repeat;
}

#emsg .dispMsg {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-top: 140px;
	color: red;
}

#upload_left {
	width: 520px;
	margin-top: 10px;
	float: left;
}

#dropfile {
	float: left;
}

#uploadarea {
	margin-top: 10px;
}

#uniprotentry {
	margin-top: 40px;
}

.inputarea {
	padding-left: 20px;
}

#pdbconfirm, #uniprotconfirm {
    width: 400px;
    margin: auto;
	margin-top: 10px;
    padding: 30px 20px;
    display: none;
    text-align: center;
    border: 1px solid #aaa;
    box-shadow: 2px 2px 4px #888;
}

#uniprotguide {
	font-size: 0.8em;
	margin-left: 0
}