sfx.css

OpenDMTP-GPS及PDA等数据通信协议 OpenDMTP(Open Device Monitoring and Tracking Protocol)是一个协议和框架用于在服务器和客户端设备之

	line-height: 140%;
	padding: 0 0 2px 20px !important;
}

a.krugle_link:hover { text-decoration: underline; }

.firstwave iframe { width:14.2em; }
#fad36 iframe {width: 300px;}
.firstwave iframe, #fad36 iframe
{
        position:absolute;
        top: -1px;
        left: -1px;
        z-index: -1;
        height: 100%;
        border: none;
        opacity: 0;
}




/* Create */
code {background: #eee; border: 1px dotted #ddd; width: 80%; padding: 1em; margin: 1em; display: block;}
table tbody tr td i {color: #789 !important}
table#reputation_calc tbody tr td, table#searchtable tbody tr td {background: #fff url("http://c.fsdn.com/sf/images//sfx/sfxm_bg.png") repeat-x;}
table tbody tr td.description {background: #fff; border-top: none !important; padding: 0 !important;}
table.ratings {overflow: hidden}
table#searchtable td.iselect, table#searchtable th.iselect {width: 1% !important; text-align: center;}
table#searchtable.ratings td, table#searchtable.ratings th {width: 15%}
table#searchtable.ratings td.project, table#searchtable.ratings th.project {width: 40% !important; }
table td.project .rateorder {float: left; }
table td .rateorder {position: relative;}
table td .rateorder span {margin-left: 10px}
table#searchtable.ratings ol li {font-size: 100%; margin-bottom: 1em; position: relative;}
table#searchtable.notifications td, table#searchtable.notifications th {width: 5%}
table#searchtable.notifications td.project, table#searchtable.notifications th.project {width: 80% !important; }
table#searchtable.notifications td.project {font-size: 75%;}
#searchtable_topBanner { width: 98%; padding-top: 4px; padding-bottom: 12px; border-top: 1px solid #c1cacf; border-bottom: 1px solid #c1cacf; }
#searchtable_bottomBanner { width: 98%; margin-top: 5px; padding-top: 4px; padding-bottom: 12px; border-top: 1px solid #c1cacf; border-bottom: 1px solid #c1cacf; }

/* Callbox */
.callbox {background: #fff url("http://c.fsdn.com/sf/images//sfx/sfx_bg2.png") 0 -21px repeat-x; margin: 0 1.6em; text-align: center; border: 1px solid #abc;}
.callbox.securebox {background: #fff url("http://c.fsdn.com/sf/images//sfx/secure_bg.png") 0 -21px repeat-x;  margin-top: .5em !important; border: 1px solid #fc0;}
.secure_shield {background: url("http://c.fsdn.com/sf/images//sfx/secure_shield.png") no-repeat; width: 30px; height: 50px; text-indent: -7000em;}
.callbox h4 { color: #789; border-bottom: 1px solid #abc; padding-bottom: .3em; margin: .5em 0;}
.callbox .clean li {padding-left: 2em; background: #fff url("http://c.fsdn.com/sf/images//sfx/sfx_bg2.png") 0 -41px repeat-x; border: none;}
.callbox .clean {margin: 0 -1em !important;}
.callbox div {position: relative}
.dogear
{
        background: url("http://c.fsdn.com/sf/images//sfx/dogear.png") no-repeat; padding: 5px 10px 53px 55px; width: 60px; text-align: right; position: absolute; z-index: 0; top: 0; right: 0; float: right; color: #abc !important; font-size: 12.5px; font-weight: bold;
}
.summary .right .callbox {text-align: left; margin: 0;}
.wizard p {width: 30%; font-size: 85%; padding: .5em 1.5%; float: left; background: #eee;}
.wizard p.selected {font-weight: bold; background: #ddd;}
.wizard hr {visibility: hidden; margin: 0; padding: 0; clear: both;}
.blink {text-align: center; display: block;}
.blink a {padding: .5em 1em; margin: 0 1em; background: #ffd; border: 1px solid #fe6; white-space: nowrap;}
.callbox div, .blink div, .mycreate div, .mycreate1 div {border: 4px solid #fff;padding: 0 1em; }
.mylogin, .mylogins {padding: 2em 1em; float: right; width: 40%; margin: 1em 0; background: #fff url("http://c.fsdn.com/sf/images//sfx/sfx_bg2.png") 0 -41px repeat-x; }
.mylogins {text-align: center}
.mylogin p {padding: 0 2em}
.mylogins fieldset, .mylogin fieldset, .login fieldset {border: none !important;}
.mylogins legend, .mylogin legend, .login legend {display: none !important;}
.mycreate, .mycreate1 {background: #fff url("http://c.fsdn.com/sf/images//sfx/sfx_bg2.png") 0 -21px repeat-x; border: 1px solid #abc; margin: 1em 0; color: #456; float: left;}
.mycreate {width: 50%;}
.mycreate div {height: 25em; }
.big {font-size: 135%; margin: 2em;}
.mycreate1 {background: #fff url("http://c.fsdn.com/sf/images//sfx/sfx_bg2.png") 0 -21px repeat-x; border: 1px solid #abc; margin: .5em 0 2em 0; color: #456; float:none; width: 100%;}
.actionb {color: #300; border: 1px solid #ffe; border-bottom: 1px solid #c93;  border-right: 1px solid #c93; background: #ffb331 url("http://c.fsdn.com/sf/images//sfx/sfx_bg_y.png") repeat-x; text-align: center; padding: .2em 1em;}
a.actionb {cursor:pointer}
a.actionb:hover {color: #600;}
.actionb_disabled {color: #fff; border: 1px solid #ffe; border-bottom: 1px solid #000;  border-right: 1px solid #000; background: #eeeeee url("http://c.fsdn.com/sf/images//sfx/sfx_bg_b.png") repeat-x; text-align: center; padding: .2em 1em;}
.disabled {color: #ccc !important; }
.actionbc {color: #ffd; background: #ffb331; border: 1px solid #c93; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.expand,.collapse {padding: 0 0 0 16px;}
.expand {background: url("http://c.fsdn.com/sf/images//icons/icon_expand.gif") no-repeat;}
.collapse {background: url("http://c.fsdn.com/sf/images//icons/icon_contract.gif") no-repeat;}
.buttons {font-size: 100% !important; text-align: left !important; margin-top: 2em; clear: both !important; padding: 2px; background: #fff url("http://c.fsdn.com/sf/images//sfx/sfx_bg2.png") 0 -21px repeat-x; border: 1px solid #bcd;}
td.actions {font-size: 110% !important; color: #ddd; font-weight: normal; text-align: left !important; padding: 2px 2px 1em 2px !important; border: none  !important; border-top: 1px solid #789 !important;}
.right {float: right; clear: right; width: 45%; padding-left: 5%;}
.buy_service .right, .sell_service .right, .sell_service .right {border-left: 1px solid #abc}
.sell_service select, .sell_service  input.text, .sell_service select, .sell_service  input.text {width: 40%;}
.buy_service select, .buy_service  input.text {width: 90%;}

.sell_service .left select, .sell_service .left input.text {width: 60%;}
.sell_service .special input.text {width: 40%; margin: .2em 0 .4em 0;}
.sell_service .special select {width:90%; margin: .2em 0 .4em 0;}
.sell_service .special textarea, #paymenttypes textarea  {width:90%; margin: .2em 0 .4em 0;}
.sell_service textarea {width: 50%;}
.sell_service textarea#project_and_specialties {width: 40%;}
#innerframe fieldset, .services_create2 #innerframe.sell_service fieldset {border-top: 1px solid #789;  margin: 0 0 1em 0;}
#innerframe legend, .services_create2 #innerframe legend {display: block; font-weight: bold; margin: 0 0 1em -1em; padding: 1em 1em 0 0; color: #345; height: 2em}
#innerframe.buy_service legend, .services_create2 legend {display: block !important;}

.helptippable {
	width: 100%;
	border: 1px solid #ffffff;
	margin-left: -.5em;
	padding: .2em .5em 1em .5em;
	position: relative;
	background-color: #ffffff;
}

.helptip {
	background: #def;
	border: 1px solid #9cf;
}

.helptip small {
    background: url("http://c.fsdn.com/sf/images//icons/silk/information.png") no-repeat 10px 3px;
    padding: .2em 40px;
    position: absolute;
    right: 0;
    height: 5.1em;
    top: 0;
    width: 33%;
    overflow:auto;
}
.paytip {
    font-size:82.3% !important;
    padding: .5em;
    padding-left: 2.5em;
    background: #def url("http://c.fsdn.com/sf/images//icons/silk/information.png") no-repeat 10px 3px
}
.note, .notemulti {clear: both;}
.multiplefield {height: 2em;}
label {font-weight: normal;}
.special {margin-bottom: 1em;}
.left {float: left; width: 45%; margin-bottom: 2em; margin-left: .6em; z-index: 0;}
.limitselect {width: auto !important}
select.service {display: inline}
li p {font-size: 100% !important}
.right .clean, .left .clean {margin: 0; padding: 0;}
.right p, .left p {padding-left: .3em}
.summary .left {margin-bottom: 0;}
.summary .left p strong , .summary .left p label { margin-left: -11em; font-weight: normal; position: relative; float: left; clear: left; width: 11em !important;}
.summary .left p {margin-left: 10em;}
.summary .right p strong {margin-left: -9em; font-weight: normal; position: relative; float: left; clear: left; width: 9em !important;}
.summary .right .seller {margin-top: -0.5em;}
.summary .right .seller p strong {margin-left: -11em; width: 11em !important;}
.summary .right .seller div {margin-left: 8em; font-weight: normal; font-size:82.3% !important;}

#firstname input, #lastname input {width: 16em}
#orgname input, #street input {width: 34em}
#paymenttypes .info input {width: 60%}
#state, #city, #firstname, #lastname, #zip {float: left; margin: 0 1em 1em 0;}
#username, #paymenttypes, #phone, #orgname, #country, #supportedlanguage, #timezone, #age, #siteupdate, #password {clear: left !important; margin-top: 0; display: block !important;}
.service_details .summary .right p  {margin-left: 5em;}
.service_details .summary .right p strong {margin-left: -5em; font-weight: normal; position: relative; float: left; clear: left; width: 5em !important;}
fieldset {padding-left: 1em;}
.summary .right p {margin-left: 9em;}
.center {text-align: center}
.col2
{
	padding: 0 !important;
        position: relative;
	z-index: 0 !important;
	overflow: hidden;
}
.col2 h3
{
	margin: .2em 0 !important;
        position: relative;
	font-size: 120%;
}
.col2 ul.clean, .col2 .col
{
	float: left;
	width: 45%;
	margin: 0 3% 1em 0 !important;
	padding: 0 !important;
        position: relative;
	text-align: left;
        overflow: hidden;
}
.col3 .col {
        float: left;
        width: 28%;
        margin: 0 3% 1em 0 !important;
        padding: 0 !important;
        position: relative;
        text-align: left;
        overflow: hidden;
}
.col1 .col {
        float: left;
        width: 100%;
        margin: 0 3% 1em 0 !important;
        padding: 0 !important;
        position: relative;
        text-align: left;
        overflow: hidden;
}
.col2 .col ol
{
        margin: 0 3% 1em 0 !important;
        text-align: left;
	position: relative;
}
.col2 ul.clean li
{
	font-size: 70% !important;
	position: relative;
}
.col2 .col ul
{
	float: none;
	width: 100%;
}
.col td  { font-size: 70% !important; }
.col ul.clean li { font-size: 80% !important; }
.col .ratings th, .col .ratings td
{
	width: 20%;
	text-align: center;
}
.col th { font-size: 70% !important; }
.col td .rate
{
	position: relative; display: block;
}
td .rate { top: 0pt; }
.balance {height: 14em;}

/* Rating */
.rate
{
text-indent: -7000em;
position: absolute;
background: url("http://c.fsdn.com/sf/images//sfx/rating_smx.gif") no-repeat;
font-size: 11px !important;
width: 46px;
margin-left: .2em;
}
.ratehow {margin: 0 0 0 46px; padding: 0 .2em 0 .3em; position: relative;}
.rateorder {line-height: 140%; white-space: nowrap; }
.ratemath {position: absolute; z-index: 1000; height: 100px; width: 100px; border: 2px solid #abc; background: #bcd;}
.info small .rate, .error small .rate, .warning small .rate, .message small .rate {
margin-left:0.4em !important;
margin-top:-2px;
}
.r0half {background-position: 0px -797px}
.r1 {background-position: 0px 4px}
.r1half {background-position: 0px -997px}
.r2 {background-position: 0px -197px}
.r2half {background-position: 0px -1197px}
.r3 {background-position: 0px -397px}
.r3half {background-position: 0px -1397px}
.r4 {background-position: 0px -597px}
.r4half {background-position: 0px -1597px}
.r5 {background-position: 0px -1797px}

.desc_left {float: left; line-height: 160%; font-size: 90%; width: 18em; display: block;}
.desc_right {border-left: 1px solid #eee; padding: .3em; line-height: 160%; font-size: 95%; margin-left: 17em; padding-left: 1em;}

.star0 {text-indent: -7000em; display: block; float: left; width: 30px;  padding: 7px 5px; background: url("http://c.fsdn.com/sf/images//sfx/stars0.gif") no-repeat;}
.star1 {text-indent: -7000em; display: block; float: left; width: 30px;  padding: 7px 5px; background: url("http://c.fsdn.com/sf/images//sfx/stars1.gif") no-repeat;}
.star1half {text-indent: -7000em; display: block; float: left; width: 30px;  padding: 7px 5px; background: url("http://c.fsdn.com/sf/images//sfx/stars1half.gif") no-repeat;}

p.options {clear: left}

.required b {padding-left: .2em; color: #900;}
.service_key {float: right;}
.service_key span {border: 1px solid #345; height: 10px; width: 10px; padding: 0 5px; margin: 0 .3em}
.endorsed, .endorsed td {background: #AAE0A1 url("http://c.fsdn.com/sf/images//sfx/sfxm_g_bg.png") repeat-x;}
.exclusive, .exclusive td {background: #ffc383 url("http://c.fsdn.com/sf/images//sfx/sfxm_y_bg.png") repeat-x;}
.not_endorsed {background: #fff url("http://c.fsdn.com/sf/images//sfx/sfxm_bg.png") repeat-x;}

pre.wordwrapped {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.faq {font-size: 85%; padding: 0 1em;}
.faq dt big {color: #000}
.faq dt {margin-top: 1em}
.faq dd {margin-top: .5em}

.getservices {color: #300; float: left; width: 330px; font-size: 14px; height: 45px; padding: 8px 1px 8px 8px; z-index: 1; background: url('http://c.fsdn.com/sf/images//sfx/getExpert.png') no-repeat; color: white;}
.getservices h3 {font-size: 16px; margin: 0; color: white;}
.wrappedproject {float:left; width: 55%;}

.servicebar {position: relative; border-top: 1px solid #4b5d6b; background: #5d7486 url("http://c.fsdn.com/sf/images//sfx/srv.png") repeat-x bottom left; font-size: 82.3%; color: #345; padding: .3em 4.5em 1.7em .5em !important; margin: 0 0 -.5em 1em; width: 17em;}
.servicebar a {color: #fff !important; margin: 0 3.5em 0 0 !important}
.servicebar a:hover {color: #eee !important;}
.servicebar small
{
    color: #fff;
    padding: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("http://c.fsdn.com/sf/images//sfx/srvArrow.png") bottom left no-repeat;
}
.getserviceslogo {
    background:transparent url("http://c.fsdn.com/sf/images//sfx/marketplaceLogo.png") no-repeat top right;
    float: right;
    margin: .3em -4em 0 0;
    height:33px;
    width:150px;
    z-index:1;
}

.firstwave li a sup b {position: absolute; top: 0; left: 0; text-indent: -7000px;  padding:  15px; width: 30px}
.firstwave li a sup  { position: relative; font-size: smaller; vertical-align: baseline;  padding: 6px 15px}
.beta a sup b { background: url('http://c.fsdn.com/sf/images//icons/beta_sm.png') 0 -5px no-repeat !important;}
.new a sup b { background: url('http://c.fsdn.com/sf/images//icons/new_sm.png') 0 -5px no-repeat !important}

#rate_pop .rateorder {position: static}

.bg_gloss
{
	float: right; width:225px; margin-left: 30px; color: #345; padding: 25px; border: none; text-align: center; line-height: 140%; background: url('http://c.fsdn.com/sf/images//bg_gloss.png') no-repeat;
}

.button_gloss
{
	background: url('http://c.fsdn.com/sf/images//button_gloss.png') left center no-repeat;
	padding: 15px 20px; margin: 0; font-size: 12px; text-align: center;
}

.button_gloss_gold {
background:transparent url('http://c.fsdn.com/sf/images//button_gold2.png') no-repeat scroll left center;
font-size:12px !important;
margin:0pt;
padding:12px 25px 15px 15px !important;
text-align:center;
}

.button_gloss_dark {
	background:transparent url('http://c.fsdn.com/sf/images//button_gloss_dark.png') no-repeat scroll left center;
	font-size:12px;
	margin:0pt;
	padding:15px 20px;
	text-align:center;
}

.button_gloss_dark a {color: #fff}

.button_gold
{
        background: url('http://c.fsdn.com/sf/images//button_gold.png') left center no-repeat;
        padding: 15px 25px 15px 15px; margin: 0; font-size: 12px; text-align: center; width: 220px;
}
.button_gloss a { color: #345; }
.button_gloss_gold a, .button_gold a, a.button_gloss_gold_link { color: #300; }

.button_gloss_gold a, .button_gold a, a.button_gloss_gold_link { color: #300; }

.past
{
	background:transparent url("http://c.fsdn.com/sf/images//icons/silk/time.png") no-repeat scroll left center;
	padding:0pt 0pt 0pt 18px;
}

#sf_register_project_align_wrapper {
margin-left: 20px;
margin-bottom: 25px;
}

#sf_register_project_stage1_table { width: 100%; }

#sf_register_project_trove_widget_wrapper{
width: 100%;
 overflow: auto;
 border: 1px solid #999999; 
margin: 10px 0;
 height: 215px;
 }

#sf_register_project_trove_widget { 
 width: 350%;
 }

#sf_register_project_trove_widget_form { 
width: 100%;
}

.sf_register_project_select_box {
float: left; 
clear: none;
 display: inline;
 min-width: 189px;
 }

.sf_register_project_select_box option {
  font-size: 12px;
  font-weight: bold;
 padding: 3px 3px;
}

.sf_register_project_top_level { font-weight: normal; color: #444444; }
.sf_register_project_top_level_selected { font-weight: normal; color: #999999; }

#sf_register_project_trove_categories {list-style-position: inside !important; padding: 0 !important; width: 100%; margin: 0;}

#sf_register_project_trove_categories li { background: #EBF4FF; margin: 4px 0;  list-style-position: inside !important; padding: 4px 0 4px 10px  !important;  }

#sf_register_project_add_box { background: #ccebcc; margin: 4px 0; width: 100%; list-style-position: inside !important; padding: 4px 0 4px 10px  !important; height: 22px; font-size:82.3%;}

#sf_register_project_add_box form { display: inline !important; }

#sf_register_project_trove_categories li form { display: inline !important; }

#sf_register_project_trove_categories li .sf_register_project_trove_cat_name { vertical-align: middle;padding-left: 20px;  }

#sf_register_project_trove_categories li .delete { 
position: absolute; text-indent: -7000em; width: 16px; margin-left: 3px;  }
#sf_register_project_header_top { width: 100%; background-image: url(/images/register-project/header_background.png); background-repeat: repeat-x; height: 23px; color: white; padding: 5px 0 0 20px !important; }

#sf_register_project_header_bottom { width: 100%; background: #E6E6E6; height: 23px; padding: 2px 0 4px 20px !important; }

.sf_register_project_bottom_buttons { padding-left: 30px; padding-top: 10px;}

.sf_register_project_bottom_buttons form {float: left; clear: none; margin-right: 3px;}

#sf_register_project_stage1_table {}
#sf_register_project_stage1_table tr td {padding-bottom: 10px; }

.sf_register_project_stage1_row {font-size: 14px !important; width: 100%; float: left; clear: both; padding-bottom: 10px;}
.sf_register_project_stage1_left_col { width: 15%; float: left;}
.sf_register_project_stage1_right_col {float: left; clear: none;}

.sf_register_project_stage1_tricky_do {float: left; clear: none;}

.sf_register_project_stage1_extra_question {height: 20px; margin-right: -3px; }

#sf_register_project_stage2_table {font-size: 14px !important;}

#sf_register_project_stage2_table2 {font-size: 14px !important; margin-left: 180px;}

#sf_register_project_stage2_extra_licenses {font-size: 14px !important; width: 100%; text-align: right; }

.sf_register_project_li_required {  background-image: url('http://c.fsdn.com/sf/images//star.png') !important; background-repeat: no-repeat !important;  background-position: 20px 2px !important;}

.sf_register_project_single_trove_category_added { }
.sf_register_project_li_required span { color: black; }

.sf_register_project_cancel_button {padding-left: 15px !important;font-size: 9px !important; }

.sf_register_notconfirmed {
	background:transparent url("http://c.fsdn.com/sf/images//icons/checkoff.png") no-repeat scroll left center;
        padding:0pt 0pt 0pt 18px;
}
.sf_register_confirmed {
	background:transparent url("http://c.fsdn.com/sf/images//icons/silk/accept.png") no-repeat scroll left center;
        padding:0pt 0pt 0pt 18px;
}
.sf_register_namesuggest {
	position: relative;
	left: 170px;
	width: 300px;
	background-color: #DDDDDD;
	font-size: 80%;
        font-family: arial, sans-serif;
}
.sf_register_invalid {
	background-color: #fbb;
}
div.sf_register_buttons {
	text-align: left !important;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px 2px 25px;
  font-size: 14px;
  font-weight: bold;
        background: #def url("http://c.fsdn.com/sf/images//icons/silk/information.png") no-repeat 5px 2px;   
        color: #369;
}

span.login, .openid, .openid_url_input {
    background: url("http://c.fsdn.com/sf/images//openid/openid_small_logo.png") no-repeat 0 50%;
    padding-left: 18px !important;
    padding-top: .2em !important;
}
.openid_splash
{
	background: url("http://c.fsdn.com/sf/images//icons/silk/information.png") no-repeat 10px 3px;
	border: 1px solid #9cf;
	padding: .2em 40px;
	margin: .5em 0 1em 0;
	width: 25em;
	text-align: center;
}
#sf_login_text {
}
#openid_logo_text {
    background: url("http://c.fsdn.com/sf/images//openid/openid_logo_text.png") no-repeat scroll right top;
    padding-left: 60px;
}
#login_box {
    width: 49%; 
    float: left; 
    border-right: #eee solid 1px; 
    text-align: center;
    margin-bottom: 3em;
}
#openid_box {
    float: left;
    width: 49%;
    text-align: center;
    margin-bottom: 3em;
}

.idp_button {
    width: 20px;
    height: 20px;
}
#yahoo_id {
    background: url("http://c.fsdn.com/sf/images//openid/yahoo_id.png") no-repeat scroll;
    width: 199px;
    height: 33px;
}

.project_admin_file_releases small .warning {
    padding-bottom: .5em;
    margin-bottom: .5em;
}