/* kinda self-evident - explicit default or inherited borders removal */
.xar-noborder { border: 0 none; }

/* we use this class when positioning tables inside generic box, so that ie-win can calculate the widths correctly */
.xar-fullwidth { width: 100%; }

/* dont assign this class blindly to boxes with declared width - good for generic static container-boxes though */
.xar-standard-box-padding { padding: 0 1em 1em 1em; }

/* generic alignments */
.xar-align-center { text-align: center; }
.xar-align-left { text-align: left; }
.xar-align-right { text-align: right; }

/* inline boxes alignments */
.xar-valign-top { vertical-align: top; }
.xar-valign-middle { vertical-align: middle; }
.xar-valign-bottom { vertical-align: bottom; }
.xar-valign-baseline { vertical-align: baseline; }
.xar-valign-texttop { vertical-align: text-top; }
.xar-valign-textbottom { vertical-align: text-bottom; }
.xar-valign-sub { vertical-align: sub; }
.xar-valign-super { vertical-align: super; }

/*  EXPERIMENTAL RULES - keep them near the bottom!!
    the following rules arent used anywhere yet, 
    when actually deployed, move near the top */
    
.xar-halfwidth { width: 49%; }
.xar-thirdwidth { width: 33%; }
.xar-twothirdwidth { width: 66%; }
.xar-quarterwidth { width: 24%; }
.xar-threequarterswidth { width: 75%; }

.xar-fullwidth, 
.xar-halfwidth, 
.xar-thirdwidth, 
.xar-quarterwidth,
.xar-threequarterswidth {
    padding: 0;
    margin: auto 0;
}