sysmodellibs/sysmodelgen/doc/_stock/css/portal.css
changeset 7 3c36c452f013
equal deleted inserted replaced
6:5b32dc297d05 7:3c36c452f013
       
     1 body { font:69% Verdana, Arial, Helvetica, sans-serif; background-color:#fff; color:#000; } /* 11px */
       
     2 /* h1 { font-size:1.82em; font-weight:bold; }  20px */
       
     3 h1 { font-size:1.64em; font-weight:bold; } /* 18px */
       
     4 h1 a {color:#000;}
       
     5 h2 { font-size:1.64em; font-weight:bold; } /* 18px */
       
     6 
       
     7 .cssImg {margin:0;}
       
     8 .cssImg a {position:relative; cursor:pointer;}
       
     9 .cssImg span {display:block;overflow: hidden;height: 0 !important;}
       
    10 h3 { font-size:1.18em; font-weight:bold; } /* 13px */
       
    11 h4 { font-size:1.09em; font-weight:bold; } /* 12px */
       
    12 a { text-decoration:none; color:#0000FF; }
       
    13 a.active { text-decoration:underline; }
       
    14 a:hover { text-decoration:underline; }
       
    15 .more_info { font-size:0.91em; font-weight:bold; text-decoration:none; color:#000; background:url(../img/btn_cta.gif) no-repeat left 2px; padding-left:10px; }
       
    16 small { font-size:0.82em; }
       
    17 p { padding-bottom:1em; }
       
    18 form select, input, textarea { font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; margin-right:10px;}
       
    19 form select {padding:2px; border: 1px solid #d1d1d1;}
       
    20 
       
    21 #container { width:980px; margin:auto; background-color:#fff; position:relative; }
       
    22 
       
    23 /* global navigation */
       
    24 #global_nav { padding:5px 10px 0 10px; font-size:0.82em; }
       
    25 #global_nav a, #global_nav a:visited { color:#000; text-decoration:none; }
       
    26 #global_nav a:hover { color:#000; text-decoration:underline; }
       
    27 #global_nav .right { width:500px; }
       
    28 #global_nav .right img { vertical-align:middle; }
       
    29 
       
    30 /* portal navigation */
       
    31 #portal_nav { margin-bottom:5px; background-color:#d1d1d1; }
       
    32 #portal_nav .divider { font-size:1.18em; line-height:2.3em; height:auto !important; min-height:2.5em; height:2.5em; }
       
    33 #portal_nav .right { float:right; }
       
    34 #portal_nav .right img { vertical-align:middle; }
       
    35 #dropmenu { display:block; padding:0; font-weight:bold; height:auto !important; min-height:17px; height:17px; }
       
    36 #dropmenu li { float:left; display:block; position:relative; padding-right:2px; background:url(../img/divider.gif) center right no-repeat; }
       
    37 #dropmenu li.right { float:right; }
       
    38 #dropmenu li a { display:block; position:relative; padding-left:0.62em; color:#000; text-decoration:none; font-size:1.18em; line-height:2.45em; height:auto !important; min-height:2.5em; height:2.5em; }
       
    39 #dropmenu li a:hover, #dropmenu li a.hover, #dropmenu li#quicklinks a:hover, #dropmenu li#quicklinks a.hover { background-color:#fee126; }
       
    40 #dropmenu li.active a { background-color:#fee126; }
       
    41 #dropmenu ul { z-index:999; position:absolute; display:none; top:auto; left:-1px; }
       
    42 #dropmenu li ul li { border:solid 1px #d1d1d1; margin-top:-1px; background-color:#fff; padding-right:0 !important; background-image:none !important; }
       
    43 #dropmenu li ul li a, #dropmenu li#quicklinks li a  { background-image:none ;padding-left:0.62em; width:14em; height:auto; float:left; background-color:#fff; font-size:1.09em; line-height:1.9em; height:auto !important; min-height:2.1em; height:2.1em;}
       
    44 #dropmenu li.active ul li a { background-color:#fff; }
       
    45 #dropmenu li ul li a:hover, #dropmenu li ul li a.hover { background-color:#000 !important; color:#fee126 !important; }
       
    46 #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display:none; }
       
    47 #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display:block; }
       
    48 #dropmenu li#m_item1 { width:11.8em; padding-left:10px; z-index:6; } /* getting started */
       
    49 #dropmenu li#m_item2 { width:8.55em; z-index:5; } /* resources */
       
    50 #dropmenu li#m_item3 { width:15.6em; z-index:4; } /* platform & packages */
       
    51 #dropmenu li#m_item4 { width:9.5em; z-index:3;} /* comunity */
       
    52 #dropmenu li#m_item5 { width:7.5em; z-index:2;} /* learning */
       
    53 #dropmenu li#m_item6 { width:5.46em;}
       
    54 #dropmenu li.last { background:none !important;} /* about */
       
    55 #dropmenu li#quicklinks { width:12em; z-index:18; padding-right:0 !important; background:none !important; }
       
    56 #dropmenu li#quicklinks a { padding-left:3em; background:url(../img/btn_quick_link.gif) 1em center no-repeat; }
       
    57 
       
    58  /* quick links */
       
    59 #dropmenu li#quicklinks ul { left:-45px; }
       
    60 
       
    61 /* header */
       
    62 #devnet_header, #header { padding:0 0 5px 10px; }
       
    63 #devnet_header .right, #header .right { width:548px; }
       
    64 #devnet_header #logo, #header #logo { padding:20px 0 0 0; }
       
    65 #header_form { margin-bottom:10px; }
       
    66 #header_form a, #header_form a:visited { color:#000; font-size:0.82em; }
       
    67 #searchForm { margin-right:25px; }
       
    68 #searchForm label { float:left; padding-top:5px; width:4.30em; }
       
    69 #searchForm .fieldHolder { width:230px; height:23px; background:url(../img/search_box.gif) no-repeat; float:left; margin-bottom:5px; }
       
    70 #searchForm .textInput { width:190px; height:20px; background:none; border:none; color:#000000; margin:5px 0 0 5px; }
       
    71 #searchForm #SearchButton { vertical-align:top; padding:4px; margin-right:0px; margin-left:5px; }
       
    72 #searchForm #advancefilterContainer {margin-left:4.30em;}
       
    73 #searchForm #filterLabel { margin-left:15px; }
       
    74 #searchForm #advancefilter { background-color:#fff; width:150px; height:100px; position:absolute; z-index:9999; padding:20px; display:none; border:solid 1px #d1d1d1; }
       
    75 #searchForm #advancefilter select { margin-bottom:10px; width:150px; }
       
    76 
       
    77 #LoginForm label { float:left; padding-top:3px; width:5.95em; }
       
    78 #LoginForm .fieldHolder { width:170px; height:23px; background:url(../img/login_box.gif) no-repeat; float:left; }
       
    79 #LoginForm .textInput { width:160px; height:20px; background:none; border:none; color:#000000; margin:5px 5px 0 5px; }
       
    80 #LoginForm img { vertical-align:middle; }
       
    81 #LoginForm #SignOnButton { padding-left:8px; }
       
    82 #LoginForm #LoginWelcome { margin-bottom:10px; font-weight:bold; font-style:italic; }
       
    83 #LoginForm .LoginName { margin:0 0 0 5px; vertical-align:middle; }
       
    84 #LoginForm .LoginPadding { margin-bottom:35px; }
       
    85 
       
    86 #feedbackLoginForm {float:none;}
       
    87 #feedbackLoginForm a {color:#000;}
       
    88 #feedbackLoginForm label { float:left; padding-top:3px; width:5.95em; }
       
    89 #feedbackLoginForm .fieldHolder { width:170px; height:23px; background:url(../img/login_box.gif) no-repeat; float:left; }
       
    90 #feedbackLoginForm .textInput { width:160px; height:20px; background:none; border:none; color:#000000; margin:5px 5px 0 5px; }
       
    91 #feedbackLoginForm img { vertical-align:middle; }
       
    92 #feedbackLoginForm #FeedbackSignOnButton { padding-left:8px; }
       
    93 #feedbackLoginForm .LoginPadding { margin-bottom:35px; }
       
    94 div.closeFeedbackForm {margin-bottom:5px; text-align:right;}
       
    95 
       
    96 /* subheader for subpages */
       
    97 #subheader { margin:20px 0 10px 0; padding:0 8px; }
       
    98 #subheader h1 { text-align:left; padding:0px 0 0px 13px; margin-top:5px; background:url(../img/tbar_l.gif) left no-repeat; float:left; }
       
    99 #subheader h1 span {display:block; padding:0 20px 0 0;  background:url(../img/tbar_r.gif) right no-repeat; line-height:50px;}
       
   100 
       
   101 /* common box styles */
       
   102 .homepage_rightside { padding-right:8px; } /*to fix ie6 margin issue*/
       
   103 .BoxFrame {border:solid 1px #d1d1d1;}
       
   104 .BoxFrame p.nolist { padding:2em 1em; text-align:center; }
       
   105 .BoxHeader { margin-bottom:5px; }
       
   106 .BoxContent { padding:9px 10px 9px 10px; }
       
   107 .BoxContent h2 {margin-bottom:10px;}
       
   108 .rssIcon { vertical-align:top; }
       
   109 .editorBoxContent { margin:5px 0 15px 0; }
       
   110 .editorBoxContent p { width:190px; }
       
   111 .latestBoxTop { background-color:#e5e5e5; padding:5px 0 5px 15px; }
       
   112 .latestBoxContentFrame { height:auto !important; min-height:400px; height:400px; }
       
   113 .latestBoxContent{ padding:10px 15px 0 15px; }
       
   114 .latestBoxDivider { border-top:dotted 1px #000; margin:10px 15px 0 15px; }
       
   115 .latestBoxContent small { margin-top:5px; }
       
   116 .colcontainer .BoxContent { padding:10px 15px 0 15px; border-bottom:1px solid #d1d1d1;}
       
   117 .colcontainer .last { border-bottom:none; }
       
   118 .colcontainer .more_info { font-size:1em; font-weight:normal; }
       
   119 ul.rowLinks li {float:left; display:block; position:relative; padding-right:20px; padding-bottom:10px; font-size:0.82em;}
       
   120 ul.rowLinks li a {color:#000; background:url(../img/btn_cta.gif) no-repeat left 2px; padding-left:10px; }
       
   121 .infobox .more_info { font-size:0.91em; font-weight:bold;}
       
   122 .BoxContent .title {font-weight:bold; padding-bottom:0;}
       
   123 
       
   124 
       
   125 /* site box */
       
   126 #siteBox { background:url(../img/masthead.gif) no-repeat; width:703px; height:auto !important; min-height:265px; height:265px; margin:0; }
       
   127 #siteBox a {color:#000;}
       
   128 #siteBox h1, #siteBox h2 { padding:5px 0 15px 0;}
       
   129 #siteBox .siteHeader{ font-size:1.64em; font-weight:bold;}
       
   130 #siteBox ul { padding:40px 0 0 15px; width:185px; color:#000; float:left; }
       
   131 #siteBox ul li:hover { text-decoration:underline; }
       
   132 #siteBox ul .active { background:url(../img/masthead_highlighted.gif) repeat-y; }
       
   133 #siteBox ul li { padding:5px 15px 0 15px; min-height:35px; cursor:pointer; font-weight:bold; }
       
   134 #siteBox ul li a { font-weight:bold; }
       
   135 #siteBox .itemContainer { padding:0 0 0 0; float:left; width:440px; margin:10px 0 0 40px; }
       
   136 #siteBox .itemImage { float:right; padding:0 20px 0 10px; }
       
   137 #siteBox .itemCopy { float:left; width:230px; }
       
   138 #editorBox { width:695px; height:auto !important; min-height:220px; height:220px; margin:0 0 20px 0; }
       
   139 #latestBox { width:695px; margin:5px 0 30px 0; padding-left:8px; }
       
   140 
       
   141 /* editor's choice */
       
   142 #EditorChoiceBox { width:314px; padding:10px 20px 0 20px; background-color:#fff; margin-right:1px; height:auto !important; min-height:210px; height:210px; border-right:1px solid #d1d1d1; margin-right:-1px; }
       
   143 
       
   144 /* community editor */
       
   145 #CommunityEditorBox { width:314px; background-color:#fff; padding:10px 0 0 20px; height:auto !important; min-height:210px; height:210px; border-left:1px solid #d1d1d1; }
       
   146 
       
   147 /* latest in documentation */
       
   148 #LatestDocumentationBox { width:333px; }
       
   149 #LatestDocumentationBox p { padding-bottom:0; }
       
   150 
       
   151 /* latest in forum */
       
   152 #LatestForumBox { width:333px; }
       
   153 #LatestForumBox p { padding-bottom:5px; }
       
   154 
       
   155 /* download */
       
   156 #DownloadBox { width:238px; margin:5px 0; height: auto !important; min-height:220px; height:220px; }
       
   157 #DownloadBox img { margin-bottom:10px; }
       
   158 
       
   159 /* featured packages */
       
   160 #PackageBox { width:238px; margin:5px 0; height: auto !important; min-height:220px; height:220px; }
       
   161 #PackageBox .package { margin-bottom:15px; }
       
   162 #PackageBox .package p { padding-bottom:0; }
       
   163 #PackageBox .package img { float:left; margin-right:15px; }
       
   164 
       
   165 /* top articles */
       
   166 #TopArticleBox { width:238px; margin:5px 0; height:auto !important; min-height:435px; height:435px; }
       
   167 .voteNum { font-size:1.09em; font-weight:bold; color:#000; padding:0; text-align:center; padding:5px 0 0 0; }
       
   168 .voteTitle { font-size:0.82em; font-weight:bold; text-align:center; }
       
   169 .articleListing { padding:0 0 0 40px; width:150px; float:left; }
       
   170 .articleVote { background:url(../img/vote_box.gif) no-repeat; width:45px; height:40px; float:left; }
       
   171 .ui-accordion-container .more_info { margin-left:40px; }
       
   172 .ui-accordion { list-style-type: none; }
       
   173 .ui-accordion .odd { background-color:#e5e5e5; }
       
   174 .ui-accordion li { padding:1px 0 5px 0; margin:0; }
       
   175 .ui-accordion li span { margin-bottom:3px; }
       
   176 .ui-accordion li:hover { cursor:pointer; }
       
   177 .ui-accordion li span.ui-accordion-header { display:block; color:#000; text-decoration:none; position:relative; padding:0 0 0 10px; background:url(../img/icon_drop_down.gif) no-repeat 216px 4px; font-size:1.09em; }
       
   178 .ui-accordion li .selected { font-weight:bold; }
       
   179 .ui-accordion li span.ui-accordion-header.selected { background:none; }
       
   180 
       
   181 /* subpages styles */
       
   182 .subcontent { color:#000; padding:0 8px; }
       
   183 .subcontentImage { }
       
   184 .subcontent p { padding:0 0 10px 0; }
       
   185 .subcontent h1 { margin-bottom:10px; }
       
   186 .bulletlist { margin:10px 0 0 30px; }
       
   187 ul.bulletlist { list-style-type:disc; }
       
   188 ol.bulletlist { list-style-type:decimal; margin:10px 0 0 30px; }
       
   189 .bulletlist li { margin:0 0 10px 0; }
       
   190 .bulletlistDocumentation li { float: left;margin-left:40px; margin-top: 25px; }
       
   191 .breadcrumbs { font-size:0.82em; }
       
   192 .breadcrumbs a { text-decoration:underline; }
       
   193 .columns { width:964px; margin:0px 8px; clear:both; }
       
   194 .columns .bulletlist { }
       
   195 .colcontainerspacer { height:18px; }
       
   196 .colBoxTop { background-color:#e5e5e5; padding:5px 15px 5px 15px; color:#000; font-weight:bold; }
       
   197 .colBoxTop p {font-weight:normal; padding-bottom:0em;}
       
   198 .colBoxTop img { vertical-align:middle; }
       
   199 .one_col { width:99.8%; }
       
   200 .two_col { width:49%;}
       
   201 .three_col { width:32%; }
       
   202 .three_col_center { margin-left:1.8%; }
       
   203 .three_col_right { margin-right:0.3%; }
       
   204 .three_col_double { width:66%; }
       
   205 .four_col { width:24%; }
       
   206 .four_col_center { margin-left:1%; }
       
   207 .two_col_copy { width:343px; float:left; padding:0 10px 10px 0; float:right; }
       
   208 .one_col_copy { width:780px; float:left; padding:0 10px 10px 10px; }
       
   209 .colcontainer div.BoxFrame {margin-bottom:18px; height:1%;}
       
   210 .colcontainer {margin-top:10px;}
       
   211 
       
   212 
       
   213 /*Alphabet Listing in sub content*/
       
   214 .subcontent div.types, .subcontent div.alphabets { background:#d1d1d1; line-height:3em; height:1%;}
       
   215 .subcontent div.alphabets { margin-top:10px; margin-bottom:10px;}
       
   216 .subcontent li.noMatch {padding-bottom:10px; padding-left:15px;}
       
   217 .subcontent div.types small, .subcontent div.alphabets small { float:left; display:block; position:relative; background:#d1d1d1; padding-left:8px; }
       
   218 .subcontent div.types a, .subcontent div.alphabets a { color:#000; text-decoration:none; }
       
   219 .subcontent div.types a.selected, .subcontent div.alphabets a.selected { font-weight:bold; color:#fff; }
       
   220 .subcontent #alphabeticallist { padding:0;}
       
   221 
       
   222 /* forum */
       
   223 #forum { margin:0 8px 20px 8px; padding-bottom:20px; }
       
   224 #forum h2 { padding:10px; }
       
   225 #forumListing { width:100%; }
       
   226 #forumListing th { font-size:1.09em; padding:5px 10px; background-color:#fee126; font-weight:bold; text-align:center; }
       
   227 #forumListing td { padding:5px 10px; vertical-align:top; text-align:center; }
       
   228 #forumListing .threadColumn { text-align:left; }
       
   229 #forumListing .header .leftalign { text-align:left; }
       
   230 #forumListing .even { background-color:#e5e5e5; }
       
   231 #forumListing a, #forumListing a:visited { text-decoration:none; color:#0000FF; }
       
   232 #forumListing a:hover { text-decoration:underline; }
       
   233 
       
   234 /* community page */
       
   235 .community_image { padding:10px 5px 25px; }
       
   236 .community_header { padding:10px 5px; position:relative; left:8px;}
       
   237 .community_copy { width:180px; float:left; padding:0 10px 30px 0; float:right; }
       
   238 
       
   239 /*package page*/
       
   240 .package_description {width:66%;}
       
   241 .package_description .bulletlist {margin-top:0px;}
       
   242 .downloadInfo {text-align:center; margin-top:0px; margin-bottom:0px; padding:0px;}
       
   243 #createPackageFrm label.lnowrap {white-space:nowrap}
       
   244 #createPackageFrm label span {font-weight:normal;}
       
   245 #createPackageFrm small {font-weight:normal; display:inline;}
       
   246 #addPackageUser {border-bottom:1px dotted #d1d1d1;}
       
   247 #addPackageUser ol.forms {padding:15px 15px 0 5px;}
       
   248 #addPackageUser li.buttons {padding-left:210px; font-weight:bold; margin-bottom:0px; width:400px;}
       
   249 .multiSelect {padding-left:80px; padding-top:30px;}
       
   250 .multiSelect .selectContainer {float:left; width:350px;}
       
   251 .multiSelect .labelContainer label {display:inline; float:left; padding-right:10px;}
       
   252 .multiSelect .labelContainer .buttons {float:left; padding-bottom:4px;}
       
   253 .multiSelect select {width:350px;}
       
   254 .multiSelect .moveOptContainer {float:left; padding:70px 30px;}
       
   255 .multiSelect .moveOptContainer input {margin-bottom:10px;}
       
   256 
       
   257 /* search results page */
       
   258 #searchCriteria { padding:10px 10px; margin-bottom:18px; background-color:#D1D1D1; }
       
   259 #searchCriteria input { margin-left:5px; }
       
   260 #searchResultsTab { margin-bottom:18px; }
       
   261 #searchResultsTab .desc { margin-bottom:10px; }
       
   262 #searchResultsTab ul a:hover { text-decoration:none; }
       
   263 #searchResultsTab hr { color:#D1D1D1; background-color: #D1D1D1; height: 1px; border:0 none; margin-bottom:10px; }
       
   264 #searchResultsTab dl { margin-top:10px; margin-bottom:10px; }
       
   265 #searchResultsTab dl h2 { float:left; width:150px; }
       
   266 .topSearchResults { margin-left:20px; margin-top:10px; }
       
   267 #searchResultsTab a {font-weight:bold; }
       
   268 #searchResultsTab .moreResults a { color:#D6B900; }
       
   269 .searchtab_container .ui-tabs-panel { height:auto; }
       
   270 
       
   271 /* resources > downloads page */
       
   272 #downloadsTab, .mTab { margin-bottom:18px; }
       
   273 #downloadsTab .ui-tabs-panel, .mTab .ui-tabs-panel { padding:1em 0px; }
       
   274 #downloadsTab div.types, .mTab div.types, #downloadsTab div.alphabets, .mTab div.alphabets { background:#d1d1d1; line-height:3em; height:1%;}
       
   275 #downloadsTab div.alphabets, .mTab div.alphabets { margin-top:10px; }
       
   276 #downloadsTab div.types small, #downloadsTab div.alphabets small { float:left; display:block; position:relative; background:#d1d1d1; padding-left:8px; }
       
   277 #downloadsTab div.types a, #downloadsTab div.alphabets a { color:#000; text-decoration:none; }
       
   278 #downloadsTab div.types a.selected, #downloadsTab div.alphabets a.selected { font-weight:bold; color:#fff; }
       
   279 #downloadsTab div.type, .mTab div.type { padding:1em 8px; border-bottom:1px solid #d1d1d1; margin-bottom:1em; height:1%; clear:both; }
       
   280 #downloadsTab div.last, .mTab div.last { border-bottom:none; }
       
   281 #downloadsTab div.item, .mTab div.item { padding:10px 20px; }
       
   282 #downloadsTab div.description h4 small { font-weight:normal; padding:0 5px; }
       
   283 #downloadsTab div.description { float:left; width:60%; }
       
   284 .mTab div.description { float:left; width:90%; }
       
   285 #downloadsTab div.details { float:right; width:110px; background:#d1d1d1; text-align:center; padding:5px 0; }
       
   286 #downloadsTab .subscribe { float:right; line-height:3em; width:25px; padding-right:10px; }
       
   287 #downloadsTab .subscribe a { display:block; position:relative; height:3em; background:url(../img/icon_rss_feed03.gif) right center no-repeat; text-indent:-9999em; }
       
   288 .mtabs_title {background:#d1d1d1; line-height:3em; text-align:center; margin-bottom:10px;}
       
   289 
       
   290 div.view-by-category div.left { width:60%; }
       
   291 div.view-by-category div.right { width:30%; margin-right:20px; }
       
   292 div.view-by-category #categories a.selected {font-weight:bold!important;}
       
   293 div.view-by-category div.category { padding:1em; margin-bottom:1em; }
       
   294 
       
   295 /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
       
   296 div.rating { cursor:pointer; margin:10px; clear:both; display:block; }
       
   297 div.rating:after { content:'.'; display:block; height:0; width:0; clear:both; visibility:hidden; }
       
   298 div.cancel, div.star { float:left; width:17px; height:15px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden; }
       
   299 div.cancel, div.cancel a { background:url('../img/delete.gif') no-repeat 0 -16px; }
       
   300 div.star, div.star a { background:url('../img/star.gif') no-repeat 0 0px; }
       
   301 div.cancel a, div.star a { display:block; width:16px; height:100%; background-position:0 0px; }
       
   302 div.star_on a { background-position:0 -16px!important; }
       
   303 div.star_hover a, div.star_live a:hover { background-position:0 -32px; }
       
   304 /* Read Only CSS */
       
   305 div.star_readonly a, div.star_readonly a:hover { cursor:default !important; }
       
   306 /* Partial Star CSS */
       
   307 div.star { background:transparent!important; overflow:hidden!important; }
       
   308 
       
   309 /* jQuery.listnav Plugin CSS - http://www.ihwy.com/labs/jquery-listnav-plugin.aspx */
       
   310 #alphabeticallist { padding:0 1em; }
       
   311 .noMatch { list-style:none; }
       
   312 .listNav { padding:0 8px; height:1%; }
       
   313 .listNav a { display:block; float:left; padding:0 5px; font-size:0.82em; }
       
   314 .listNav a.ln-last { }
       
   315 .listNav a.ln-selected { color:#fff !important; font-weight:bold; }
       
   316 .listNav a:hover { text-decoration:underline; }
       
   317 .listNav a.ln-disabled { color:#999 !important; }
       
   318 .listNav .ln-letterCount { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#666; } /* extra styling using jquery.listnav.js internally used class name */
       
   319 
       
   320 /* Forms */
       
   321 form .BoxFrame {margin-bottom:15px; width: 960px;}
       
   322 ol.forms {float: left; list-style: none; padding:15px;}
       
   323 ol.forms li {clear: both;float: left;margin: 0 0 10px;width: 100%;}
       
   324 ol.forms label {cursor: pointer;display: block;float: left;font-weight: bold;margin: 0 10px 0 0;width: 200px;}
       
   325 ol.forms label.error { padding-left:210px; color:#FF0000; width:400px; font-weight:normal; font-size:0.9em;}
       
   326 ol.forms label.loading { padding-left:210px; color:#333; width:400px; font-weight:normal; font-size:0.9em; }
       
   327 ol.forms input, ol.forms textarea {font: inherit;padding: 2px;width: 310px;}
       
   328 ol.forms textarea { height: 250px; width:500px;}
       
   329 ol.forms li.grouping label {cursor:pointer; display: block;float: left;font-weight: bold;margin: 0 10px 0 0;width: 200px; }
       
   330 ol.forms li.grouping {padding-bottom:5px; margin-bottom:0px;}
       
   331 ol.forms li.grouping ul { list-style: none; display: block;float: left;}
       
   332 ol.forms li.grouping ul label {display: inline;float: none;font-weight: normal;margin: 0;width: auto;}
       
   333 ol.forms li.grouping ul input { width: auto; }
       
   334 .buttons {float: right; padding-bottom:10px; position:relative; top:1px;}
       
   335 .buttons input {background-color:#000000; color:#fee126; border:none; padding:1px 7px; cursor:pointer; font-weight:bold; font-size:0.82em; }
       
   336 .buttons input:hover {color:#FFF;}
       
   337 .compulsory {color:#FF0000;}
       
   338 .thankyou_container {height:auto !important; min-height:500px; height:500px;}
       
   339 form input.ctyCode {width:25px;}
       
   340 form input.cNumber {width:253px;}
       
   341 
       
   342 .plussign {padding:0 5px 10px 0; margin-bottom:10px;}
       
   343 
       
   344 p.instruction {line-height:1.5em;}
       
   345 
       
   346 /* Feedback */
       
   347 div#feedbackform {width:780px; margin:0 auto;}
       
   348 div#feedbackform textarea {height:100px;}
       
   349 
       
   350 div#feedback {background-color:#fff; color:#000; z-index:99; padding:20px; position:absolute;bottom:36px; border:1px solid #d1d1d1; display:none;}
       
   351 div#feedback.signin { width: 780px !important; left:80px;}
       
   352 div#feedback.signout { left:40%;}
       
   353 div#feedback textarea {height:100px;}
       
   354 div#feedbackform li.feedback_category label.error {padding:0;}
       
   355 div#feedbackform li.grouping {padding-bottom:20px;}
       
   356 div#feedbackform li.grouping li input {display:inline; margin:0;}
       
   357 div#feedbackform li.grouping li label {display:inline; margin-right:10px;}
       
   358 
       
   359 /*Section/Sub-section Images*/
       
   360 .img_txt_community_editor {padding: 35px 0 0 0; width:250px; height:35px; background:url(../img/txt_community_editor.gif) top left no-repeat;}
       
   361 .img_txt_editor_choice {padding: 35px 0 0 0; width:215px; height:35px; background:url(../img/txt_editor_choice.gif) top left no-repeat;}
       
   362 .img_txt_download {padding: 25px 0 0 0; width:125px; height:25px; background:url(../img/txt_download.gif) top left no-repeat;}
       
   363 .img_txt_featured_package {padding: 25px 0 0 0; width:220px; height:25px; background:url(../img/txt_featured_package.gif) top left no-repeat;}
       
   364 .img_txt_latest_document {padding: 25px 0 0 0; width:230px; height:25px; background:url(../img/txt_latest_document.gif) top left no-repeat;}
       
   365 .img_txt_latest_forum {padding: 25px 0 0 0; width:160px; height:25px; background:url(../img/txt_latest_forum.gif) top left no-repeat;}
       
   366 .img_txt_top_articles {padding: 25px 0 0 0; width:145px; height:25px; background:url(../img/txt_top_articles.gif) top left no-repeat;}
       
   367 .img_t_going_open_source {padding: 48px 0 0 0; width:130px; height:48px; background:url(../img/t_going_open_source.gif) top left no-repeat;}
       
   368 .img_t_history_of_symbian {padding: 53px 0 0 0; width:125px; height:53px; background:url(../img/t_history_of_symbian.gif) top left no-repeat;}
       
   369 .img_t_leadership_team {padding: 27px 0 0 0; width:188px; height:27px; background:url(../img/t_leadership_team.gif) top left no-repeat;}
       
   370 .img_t_member_companies {padding: 48px 0 0 0; width:120px; height:48px; background:url(../img/t_member_companies.gif) top left no-repeat;}
       
   371 .img_t_foundation_members {padding: 48px 0 0 0; width:125px; height:48px; background:url(../img/t_foundation_members.gif) top left no-repeat;}
       
   372 .img_t_keynote_speeches {padding: 51px 0 0 0; width:110px; height:51px; background:url(../img/t_keynote_speeches.gif) top left no-repeat;}
       
   373 .img_t_forums {padding: 24px 0 0 0; width:80px; height:24px; background:url(../img/t_forums.gif) top left no-repeat;}
       
   374 .img_t_blog {padding: 26px 0 0 0; width:61px; height:26px; background:url(../img/t_blog.gif) top left no-repeat;}
       
   375 .img_t_wikis {padding: 24px 0 0 0; width:58px; height:24px; background:url(../img/t_wikis.gif) top left no-repeat;}
       
   376 .img_t_news {padding: 22px 0 0 0; width:174px; height:22px; background:url(../img/t_news.gif) top left no-repeat;}
       
   377 .img_t_competence {padding: 76px 0 0 0; width:144px; height:76px; background:url(../img/t_competence.gif) top left no-repeat;}
       
   378 .img_hdr_step1 {padding: 26px 0 0 0; width:68px; height:26px; background:url(../img/hdr_step1.gif) top left no-repeat;}
       
   379 .img_hdr_step2 {padding: 26px 0 0 0; width:72px; height:26px; background:url(../img/hdr_step2.gif) top left no-repeat;}
       
   380 .img_hdr_step3 {padding: 26px 0 0 0; width:72px; height:26px; background:url(../img/hdr_step3.gif) top left no-repeat;}
       
   381 .img_hdr_step4 {padding: 26px 0 0 0; width:73px; height:26px; background:url(../img/hdr_step4.gif) top left no-repeat;}
       
   382 .img_hdr_forum {padding: 25px 0 0 0; width:198px; height:25px; background:url(../img/hdr_forum.gif) top left no-repeat;}
       
   383 .img_t_training {padding: 25px 0 0 0; width:97px; height:25px; background:url(../img/t_training.gif) top left no-repeat;}
       
   384 .img_t_developer {padding: 81px 0 0 0; width:123px; height:81px; background:url(../img/t_developer.gif) top left no-repeat;}
       
   385 .img_t_universities {padding: 22px 0 0 0; width:142px; height:22px; background:url(../img/t_universities.gif) top left no-repeat;}
       
   386 .img_t_books {padding: 20px 0 0 0; width:65px; height:20px; background:url(../img/t_books.gif) top left no-repeat;}
       
   387 .img_t_events {padding: 21px 0 0 0; width:81px; height:21px; background:url(../img/t_events.gif) top left no-repeat;}
       
   388 .img_t_categories {padding: 20px 0 0 0; width:105px; height:20px; background:url(../img/t_categories.gif) top left no-repeat;}
       
   389 .img_t_documentation {padding: 22px 0 0 0; width:176px; height:22px; background:url(../img/t_documentation.gif) top left no-repeat;}
       
   390 .img_t_examplecode {padding: 28px 0 0 0; width:163px; height:28px; background:url(../img/t_examplecode.gif) top left no-repeat;}
       
   391 .img_t_tools {padding: 23px 0 0 0; width:67px; height:23px; background:url(../img/t_tools.gif) top left no-repeat;}
       
   392 .img_t_contribute_code {padding: 25px 0 0 0; width:330px; height:25px; background:url(../img/t_contribute_code.gif) top left no-repeat;}
       
   393 .img_t_develop_application {padding: 25px 0 0 0; width:415px; height:25px; background:url(../img/t_develop_application.gif) top left no-repeat;}
       
   394 .img_t_documentation_platform {padding: 25px 0 0 0; width:475px; height:24px; background:url(../img/t_documentation_platform.gif) top left no-repeat;}
       
   395 .img_t_documentation_application {padding: 25px 0 0 0; width:505px; height:24px; background:url(../img/t_documentation_application.gif) top left no-repeat;}
       
   396 .img_t_packages {padding: 25px 0 0 0; width:115px; height:25px; background:url(../img/t_packages.gif) top left no-repeat;}
       
   397 
       
   398 /* documentation style */
       
   399 .documentationLinks p {background:transparent url(../img/tbar_l.gif) no-repeat scroll left center;padding:0 0 0 13px;}
       
   400 .documentationLinks a {background:transparent url(../img/tbar_r.gif) no-repeat scroll right center;display:block;line-height:20px;padding:0 20px 0 0;}
       
   401 
       
   402 /* common style */
       
   403 .left { float:left; }
       
   404 .right { float:right; }
       
   405 .clear { clear:both; width:0; height:0; font-size:0; overflow:hidden; }
       
   406 .hidden { display:none; }
       
   407 .bold { font-weight:bold; }
       
   408 .hmarginright {margin-right:10px;}
       
   409 .pname {text-decoration:underline;}
       
   410 
       
   411 
       
   412 /* footer */
       
   413 #devnet_footer { clear:both; background-color:#000; color:#fff; padding:10px; }
       
   414 #devnet_footer ul li { float:left; display:block; background:url(../img/footer-divider.gif) right bottom no-repeat; padding-right:10px; margin-right:10px; }
       
   415 #devnet_footer ul li.last { background-image:none; }
       
   416 #devnet_footer a, #devnet_footer a:visited, #devnet_footer a:hover { color:#fff; text-decoration:none; font-size:0.82em; }
       
   417 #devnet_footer a:hover { text-decoration:underline; }
       
   418 
       
   419 
       
   420 
       
   421 /* jQuery Thickbox 3.1 CSS - http://jquery.com/demo/thickbox/ */
       
   422 /* ----------------------------------------------------------------------------------------------------------------*/
       
   423 /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
       
   424 /* ----------------------------------------------------------------------------------------------------------------*/
       
   425 *{padding: 0; margin: 0;}
       
   426 
       
   427 /* ----------------------------------------------------------------------------------------------------------------*/
       
   428 /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
       
   429 /* ----------------------------------------------------------------------------------------------------------------*/
       
   430 #TB_window {
       
   431 	color: #000;
       
   432 }
       
   433 
       
   434 #TB_secondLine {
       
   435 	color:#000;
       
   436 }
       
   437 
       
   438 #TB_window a:link {color: #0000FF;}
       
   439 #TB_window a:visited {color: #0000FF;}
       
   440 #TB_window a:hover {color: #0000FF; text-decoration:underline;}
       
   441 #TB_window a:active {color: #0000FF;}
       
   442 #TB_window a:focus{color: #0000FF;}
       
   443 
       
   444 /* ----------------------------------------------------------------------------------------------------------------*/
       
   445 /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
       
   446 /* ----------------------------------------------------------------------------------------------------------------*/
       
   447 #TB_overlay {
       
   448 	position: fixed;
       
   449 	z-index:100;
       
   450 	top: 0px;
       
   451 	left: 0px;
       
   452 	height:100%;
       
   453 	width:100%;
       
   454 }
       
   455 
       
   456 .TB_overlayMacFFBGHack {background: url(../img/macFFBgHack.png) repeat;}
       
   457 .TB_overlayBG {
       
   458 	background-color:#000;
       
   459 	filter:alpha(opacity=75);
       
   460 	-moz-opacity: 0.75;
       
   461 	opacity: 0.75;
       
   462 }
       
   463 
       
   464 * html #TB_overlay { /* ie6 hack */
       
   465      position: absolute;
       
   466      height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
       
   467 }
       
   468 
       
   469 #TB_window {
       
   470 	position: fixed;
       
   471 	background: #ffffff;
       
   472 	z-index: 102;
       
   473 	color:#000000;
       
   474 	display:none;
       
   475 	border: 4px solid #525252;
       
   476 	text-align:left;
       
   477 	top:50%;
       
   478 	left:50%;
       
   479 }
       
   480 
       
   481 * html #TB_window { /* ie6 hack */
       
   482 position: absolute;
       
   483 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
       
   484 }
       
   485 
       
   486 #TB_window img#TB_Image {
       
   487 	display:block;
       
   488 	margin: 15px 0 0 15px;
       
   489 	border-right: 1px solid #ccc;
       
   490 	border-bottom: 1px solid #ccc;
       
   491 	border-top: 1px solid #666;
       
   492 	border-left: 1px solid #666;
       
   493 }
       
   494 
       
   495 #TB_caption{
       
   496 	height:25px;
       
   497 	padding:7px 30px 10px 25px;
       
   498 	float:left;
       
   499 }
       
   500 
       
   501 #TB_closeWindow{
       
   502 	height:25px;
       
   503 	padding:11px 25px 10px 0;
       
   504 	float:right;
       
   505 }
       
   506 
       
   507 #TB_closeAjaxWindow{
       
   508 	padding:7px 10px 5px 0;
       
   509 	margin-bottom:1px;
       
   510 	text-align:right;
       
   511 	float:right;
       
   512 }
       
   513 
       
   514 #TB_ajaxWindowTitle{
       
   515 	float:left;
       
   516 	padding:7px 0 5px 10px;
       
   517 	margin-bottom:1px;
       
   518 }
       
   519 
       
   520 #TB_title{
       
   521 	background-color:#e8e8e8;
       
   522 	height:27px;
       
   523 }
       
   524 
       
   525 #TB_ajaxContent{
       
   526 	clear:both;
       
   527 	padding:2px 15px 15px 15px;
       
   528 	overflow:auto;
       
   529 	text-align:left;
       
   530 	line-height:1.4em;
       
   531 }
       
   532 
       
   533 #TB_ajaxContent.TB_modal{
       
   534 	padding:15px;
       
   535 }
       
   536 
       
   537 #TB_ajaxContent p{
       
   538 	padding:5px 0px 5px 0px;
       
   539 }
       
   540 
       
   541 #TB_load{
       
   542 	position: fixed;
       
   543 	display:none;
       
   544 	height:13px;
       
   545 	width:208px;
       
   546 	z-index:103;
       
   547 	top: 50%;
       
   548 	left: 50%;
       
   549 	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
       
   550 }
       
   551 
       
   552 * html #TB_load { /* ie6 hack */
       
   553 position: absolute;
       
   554 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
       
   555 }
       
   556 
       
   557 #TB_HideSelect{
       
   558 	z-index:99;
       
   559 	position:fixed;
       
   560 	top: 0;
       
   561 	left: 0;
       
   562 	background-color:#fff;
       
   563 	border:none;
       
   564 	filter:alpha(opacity=0);
       
   565 	-moz-opacity: 0;
       
   566 	opacity: 0;
       
   567 	height:100%;
       
   568 	width:100%;
       
   569 }
       
   570 
       
   571 * html #TB_HideSelect { /* ie6 hack */
       
   572      position: absolute;
       
   573      height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
       
   574 }
       
   575 
       
   576 #TB_iframeContent{
       
   577 	clear:both;
       
   578 	border:none;
       
   579 	margin-bottom:-1px;
       
   580 	margin-top:1px;
       
   581 	_margin-bottom:1px;
       
   582 }