/* -- BORDERS -- */
.oline    {border: 1px red solid;}
.noborder {border: none;}
.dotbott  {border-bottom:1px dotted gray;}

/* - ALIGN - */
.center  {text-align: center;}
.right   {text-align: right;}
.left    {text-align: left;}
.justify {text-align: justify;}

/* - MOUSE - */
.pointer  {cursor: pointer}
.cur_auto {cursor: auto}

/* - COLORS - */
.white      {color: #ffffff;}
.black      {color: #000000;}
.darkgray   {color: #3a3a3a;}
.mediumgray {color: #606060;}
.lightgray  {color: #e2e2e2;}
.blue       {color: #1156CC;}
.red        {color: #FF0000;}
.green      {color: #00FF00;}

/* - TEXT STYLISE - */
.bold   {font-weight: bold;}
.italic {font-style: italic;}
.uline  {text-decoration: underline!important;}
.cap    {text-transform: capitalize;}
.lowc   {text-transform: lowercase;}
.upc    {text-transform: uppercase;}

.micro  {font-size: 8px;}
.small  {font-size: 10px;}
.medium {font-size: 11px;}
.normal {font-size: 12px;}
.bigger {font-size: 13px;}
.big    {font-size: 14px;}
.huge   {font-size: 18px;}

/* - LINKS STYLISE - */
.small_link:link,  .small_link:visited,  .small_link:active  {font-size: 10px;text-decoration: none;}
.medium_link:link, .medium_link:visited, .medium_link:active {font-size: 11px;text-decoration: none;}
.normal_link:link, .normal_link:visited, .normal_link:active {font-size: 12px;text-decoration: none;}
.bigger_link:link, .bigger_link:visited, .bigger_link:active {font-size: 13px;text-decoration: none;}
.big_link:link,    .big_link:visited,    .big_link:active    {font-size: 14px;text-decoration: none;}

/* - DIV ORDER - */
.float_left  {float: left;}
.float_right {float: right;}
.clebo       {clear: both;}
.clear       {clear: left;}

/* - MARGIN - PADDING - */
.padding_0  {padding:  0px;}
.padding_3  {padding:  3px;}
.padding_5  {padding:  5px;}
.padding_10 {padding: 10px;}
.padding_15 {padding: 15px;}
.padding_20 {padding: 20px;}
.padding_30 {padding: 30px;}

.margin_0  {margin:  0px;}
.margin_5  {margin:  5px;}
.margin_10 {margin: 10px;}
.margin_15 {margin: 15px;}
.margin_20 {margin: 20px;}
.margin_30 {margin: 30px;}

.b_space_tiny {padding-bottom:  3px;}
.b_space_med  {padding-bottom:  5px;}
.b_space_much {padding-bottom: 10px;}

.t_space_tiny {padding-top:  3px;} 
.t_space_med  {padding-top:  5px;}
.t_space_much {padding-top: 10px;}

.l_space_tiny {padding-left:  3px;} 
.l_space_med  {padding-left:  5px;}
.l_space_much {padding-left: 10px;}

.r_space_tiny {padding-right:  3px;} 
.r_space_med  {padding-right:  5px;}
.r_space_much {padding-right: 10px;}

dl.form {
    clear: left;
    margin: 20px;
    _zoom: 1;
}
dl.form dt {
    float: left;
    clear: left;
    width: 30%;
    margin-top: 2px;
    padding: 2px;
    display: inline;
}
dl.form dd {
    float: left;
    margin-top: 1px;
    margin-left: 5px;
    _margin-left: 3px;
    width: 60%;
    text-align: left;
}
dl.form dt img,
dl.form dd img {
    vertical-align: middle;
}
dl.form .info {
    border: none;
    font-size: 9px;
    color: gray;
    width: 210px;
    text-shadow: none;
    background: transparent;
    font-weight: normal;
    float: right;
    line-height: 1em;
}

dl.form ul {
    width: 220px;
    float: left;
}

.success {
    border: 1px solid #359545;
    background-color: white;
    padding: 10px 13px 10px 13px;
    width: 300px;
    color: #1B8D44;
    font-weight: bold;
    font-size: 14px;
}

#login-dialog {
    position: fixed;
    border: 2px solid orange;
    border-radius: 8px;
    top: 30%;
    left: 30%;
    z-index: 999;
    background-color: #FFF6DE;
    padding: 18px;
    width: 300px;
    box-shadow: 1px 1px 16px black;
}

#login-dialog dl {
    margin: 0;
    padding: 0;
}

#login-dialog dl dt {
    width: 120px;
}

#login-dialog dl dd {
    width: auto;
}

a.button,
a.button:visited {
    margin-left: 14px;
    clear: left;
    color: white;
    padding: 3px 6px;
    background-color: #FA7032;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 6px;
    opacity: 1;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    top: 8px;
}
